Recognised as Colour

#DF180E

#DF180E
Red
Dark
Nearest: Red

#DF180E is a red with RGB values 223, 24, 14 and HSL 3°, 88%, 46%. It is a dark colour, so white text on it reaches 4.9:1 contrast (AA for normal text). The nearest named colour is Red.

Colour values

#DF180E#DF180E

HEX#DF180E

RGBrgb(223, 24, 14)

RGB (0–1)0.8745, 0.0941, 0.0549

RGB percentages87.5%, 9.4%, 5.5%

HSLhsl(2.9, 88.2%, 46.5%)

HSV / HSBhsv(2.9, 93.7%, 87.5%)

CMYK0%, 89.2%, 93.7%, 12.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer14,620,686

CSS custom property--colour: #DF180E;

Brightness & contrast

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

Perceived brightness123.4 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 4.91:1

Contrast with white4.91:1WCAG normal text: AA

Contrast with black4.27:1WCAG normal text: Fail

Greyscale equivalent#424242

Inverted#20E7F1

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#907F00no green cones; the most common form, about 1% of men; ΔE 75.1 from the original

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

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

Contrast with white, large text4.91:1WCAG large text: AAA

Contrast with black, large text4.27:1WCAG large text: AA

Named colours

Red · ΔE 15.4 Orange red · ΔE 15.8 Tomato · ΔE 21.9 Crimson · ΔE 23.5 Firebrick · ΔE 25.4 Dark red · ΔE 31.4

Nearest named CSS colourRed (#FF0000)ΔE 15.41, a distinctly different colour

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#0ED5DF

Analogous#DF0E6C, #DF800E

Triadic#0EDF18, #180EDF

Split complementary#0EDF80, #0E6DDF

Tetradic#6DDF0E, #0ED5DF, #810EDF

Tints, shades & saturation

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

Lighter +40%#FBC1BE

Lighter +30%#F8938E

Lighter +20%#F5655E

Lighter +10%#F2372E

Darker −10%#AF130B

Darker −20%#7F0E08

Darker −30%#4F0905

Darker −40%#1F0302

More saturated +25%#ED0B00

Less saturated −25%#C1332C

Channel breakdown

R223

G24

B14

Red223 (87.5%)

Green24 (9.4%)

Blue14 (5.5%)

Hue2.87°

Saturation (HSL)88.19%

Lightness46.47%

Dominant channelRed

Hex per channelR DF · G 18 · B 0E

Keep nerding

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

#DF180E

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