Colour

#DF012B

#DF012B
Red
Dark
Nearest: Crimson

#DF012B is a red with RGB values 223, 1, 43 and HSL 349°, 99%, 44%. It is a dark colour, so white text on it reaches 5:1 contrast (AA for normal text). The nearest named colour is Crimson.

Colour values

#DF012B#DF012B

HEX#DF012B

RGBrgb(223, 1, 43)

RGB (0–1)0.8745, 0.0039, 0.1686

RGB percentages87.5%, 0.4%, 16.9%

HSLhsl(348.6, 99.1%, 43.9%)

HSV / HSBhsv(348.6, 99.6%, 87.5%)

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

24-bit integer14,614,827

CSS custom property--colour: #DF012B;

Brightness & contrast

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

Perceived brightness122.8 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.03:1

Contrast with white5.03:1WCAG normal text: AA

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

Greyscale equivalent#333333

Inverted#20FED4

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#5C5329no red cones; affects about 1% of men; ΔE 78.4 from the original

Deuteranopia#8D7E20no green cones; the most common form, about 1% of men; ΔE 78.3 from the original

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

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

Contrast with white, large text5.03:1WCAG large text: AAA

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

Named colours

Crimson · ΔE 10 Firebrick · ΔE 19.5 Tomato · ΔE 21.7 Red · ΔE 25.7 Brown · ΔE 28.1 Orange red · ΔE 28.2

Nearest named CSS colourCrimson (#DC143C)ΔE 10, clearly different but related

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#01DFB5

Analogous#DF019A, #DF4601

Triadic#2BDF01, #012BDF

Split complementary#01DF46, #019ADF

Tetradic#9ADF01, #01DFB5, #4601DF

Tints, shades & saturation

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

Lighter +40%#FFADBD

Lighter +30%#FE7B94

Lighter +20%#FE486A

Lighter +10%#FE1541

Darker −10%#AC0121

Darker −20%#790117

Darker −30%#47000E

Darker −40%#140004

More saturated +25%#E0002A

Less saturated −25%#C31D3C

Channel breakdown

R223

B43

Red223 (87.5%)

Green1 (0.4%)

Blue43 (16.9%)

Hue348.65°

Saturation (HSL)99.11%

Lightness43.92%

Dominant channelRed

Hex per channelR DF · G 01 · B 2B

Keep nerding

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

#DF012B

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