Colour

#D4573E

#D4573E
Red
Dark
Nearest: Tomato

#D4573E is a red with RGB values 212, 87, 62 and HSL 10°, 64%, 54%. It is a dark colour, so black text on it reaches 5.2:1 contrast (AA for normal text). The nearest named colour is Tomato.

Colour values

#D4573E#D4573E

HEX#D4573E

RGBrgb(212, 87, 62)

RGB (0–1)0.8314, 0.3412, 0.2431

RGB percentages83.1%, 34.1%, 24.3%

HSLhsl(10, 63.6%, 53.7%)

HSV / HSBhsv(10, 70.8%, 83.1%)

CMYK0%, 59%, 70.8%, 16.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer13,915,966

CSS custom property--colour: #D4573E;

Brightness & contrast

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

Perceived brightness135.3 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.23:1

Contrast with white4.01:1WCAG normal text: Fail

Contrast with black5.23:1WCAG normal text: AA

Greyscale equivalent#707070

Inverted#2BA8C1

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#796E3Bno red cones; affects about 1% of men; ΔE 52.2 from the original

Deuteranopia#98893Ano green cones; the most common form, about 1% of men; ΔE 52.5 from the original

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

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

Contrast with white, large text4.01:1WCAG large text: AA

Contrast with black, large text5.23:1WCAG large text: AAA

Named colours

Tomato · ΔE 15.4 Firebrick · ΔE 16.3 Coral · ΔE 16.6 Indian red · ΔE 17.3 Salmon · ΔE 17.5 Brown · ΔE 17.9

Nearest named CSS colourTomato (#FF6347)ΔE 15.39, a distinctly different colour

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#3EBBD4

Analogous#D43E70, #D4A23E

Triadic#3ED457, #573ED4

Split complementary#3ED4A2, #3E70D4

Tetradic#70D43E, #3EBBD4, #A23ED4

Tints, shades & saturation

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

Lighter +40%#F9E8E5

Lighter +30%#F0C4BB

Lighter +20%#E7A091

Lighter +10%#DD7B68

Darker −10%#B64029

Darker −20%#8D321F

Darker −30%#632316

Darker −40%#39140D

More saturated +25%#F24321

Less saturated −25%#B66B5B

Channel breakdown

R212

G87

B62

Red212 (83.1%)

Green87 (34.1%)

Blue62 (24.3%)

Hue10°

Saturation (HSL)63.56%

Lightness53.73%

Dominant channelRed

Hex per channelR D4 · G 57 · B 3E

Keep nerding

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

#D4573E

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