Colour

#DF0C23

#DF0C23
Red
Dark
Nearest: Crimson

#DF0C23 is a red with RGB values 223, 12, 35 and HSL 353°, 90%, 46%. 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

#DF0C23#DF0C23

HEX#DF0C23

RGBrgb(223, 12, 35)

RGB (0–1)0.8745, 0.0471, 0.1373

RGB percentages87.5%, 4.7%, 13.7%

HSLhsl(353.5, 89.8%, 46.1%)

HSV / HSBhsv(353.5, 94.6%, 87.5%)

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

24-bit integer14,617,635

CSS custom property--colour: #DF0C23;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 4.98:1

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

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

Greyscale equivalent#3B3B3B

Inverted#20F3DC

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

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

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

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

Named colours

Crimson · ΔE 14.3 Firebrick · ΔE 20.5 Tomato · ΔE 20.6 Red · ΔE 21.9 Orange red · ΔE 23.9 Dark red · ΔE 28.9

Nearest named CSS colourCrimson (#DC143C)ΔE 14.32, a distinctly different colour

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#0CDFC8

Analogous#DF0C8D, #DF5F0C

Triadic#23DF0C, #0C23DF

Split complementary#0CDF5F, #0C8DDF

Tetradic#8CDF0C, #0CDFC8, #5E0CDF

Tints, shades & saturation

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

Lighter +40%#FBBCC3

Lighter +30%#F98B97

Lighter +20%#F65B6C

Lighter +10%#F42A40

Darker −10%#AF091B

Darker −20%#7E0714

Darker −30%#4E040C

Darker −40%#1D0205

More saturated +25%#EB001A

Less saturated −25%#C2293A

Channel breakdown

R223

G12

B35

Red223 (87.5%)

Green12 (4.7%)

Blue35 (13.7%)

Hue353.46°

Saturation (HSL)89.79%

Lightness46.08%

Dominant channelRed

Hex per channelR DF · G 0C · B 23

Keep nerding

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

#DF0C23

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