Colour

#A02857

#A02857
Red
Dark
Nearest: Pale violetred

#A02857 is a red with RGB values 160, 40, 87 and HSL 337°, 60%, 39%. It is a dark colour, so white text on it reaches 7.2:1 contrast (AAA for normal text). The nearest named colour is Pale violetred.

Colour values

#A02857#A02857

HEX#A02857

RGBrgb(160, 40, 87)

RGB (0–1)0.6275, 0.1569, 0.3412

RGB percentages62.7%, 15.7%, 34.1%

HSLhsl(336.5, 60%, 39.2%)

HSV / HSBhsv(336.5, 75%, 62.7%)

CMYK0%, 75%, 45.6%, 37.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer10,496,087

CSS custom property--colour: #A02857;

Brightness & contrast

Relative luminance0.09679WCAG 2.x, 0 is black and 1 is white

Perceived brightness97.2 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 7.15:1

Contrast with white7.15:1WCAG normal text: AAA

Contrast with black2.94:1WCAG normal text: Fail

Greyscale equivalent#454545

Inverted#5FD7A8

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#434958no red cones; affects about 1% of men; ΔE 52.3 from the original

Deuteranopia#636054no green cones; the most common form, about 1% of men; ΔE 53.5 from the original

Tritanopia#AE123Cno blue cones; rare, and affects men and women equally; ΔE 19.5 from the original

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

Contrast with white, large text7.15:1WCAG large text: AAA

Contrast with black, large text2.94:1WCAG large text: Fail

Named colours

Pale violetred · ΔE 24.2 Medium violet red · ΔE 26.4 Indian red · ΔE 27 Brown · ΔE 29 Hot pink · ΔE 33.1 Light coral · ΔE 35.2

Nearest named CSS colourPale violetred (#DB7093)ΔE 24.22, a distinctly different colour

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#28A071

Analogous#A02893, #A03528

Triadic#57A028, #2857A0

Split complementary#28A035, #2893A0

Tetradic#93A028, #28A071, #3528A0

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#EAAAC3

Lighter +30%#E081A6

Lighter +20%#D55989

Lighter +10%#C9326D

Darker −10%#771E41

Darker −20%#4E142B

Darker −30%#260914

Darker −40%#000000

More saturated +25%#B90F52

Less saturated −25%#87415C

Channel breakdown

R160

G40

B87

Red160 (62.7%)

Green40 (15.7%)

Blue87 (34.1%)

Hue336.5°

Saturation (HSL)60%

Lightness39.22%

Dominant channelRed

Hex per channelR A0 · G 28 · B 57

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#A02857

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else