Colour

#DF0030

#DF0030
Red
Dark
Nearest: Crimson

#DF0030 is a red with RGB values 223, 0, 48 and HSL 347°, 100%, 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

#DF0030#DF0030

HEX#DF0030

RGBrgb(223, 0, 48)

RGB (0–1)0.8745, 0, 0.1882

RGB percentages87.5%, 0%, 18.8%

HSLhsl(347.1, 100%, 43.7%)

HSV / HSBhsv(347.1, 100%, 87.5%)

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

24-bit integer14,614,576

CSS custom property--colour: #DF0030;

Brightness & contrast

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

Perceived brightness123 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.02:1

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

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

Greyscale equivalent#333333

Inverted#20FFCF

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

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

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

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

Named colours

Crimson · ΔE 7.3 Firebrick · ΔE 19.1 Tomato · ΔE 22.4 Brown · ΔE 27.2 Red · ΔE 28.2 Dark red · ΔE 29

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

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#00DFAF

Analogous#DF009F, #DF4000

Triadic#30DF00, #0030DF

Split complementary#00DF40, #009FDF

Tetradic#A0DF00, #00DFAF, #4000DF

Tints, shades & saturation

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

Lighter +40%#FFACBE

Lighter +30%#FF7996

Lighter +20%#FF466E

Lighter +10%#FF1346

Darker −10%#AC0025

Darker −20%#79001A

Darker −30%#46000F

Darker −40%#130004

More saturated +25%#DF0030

Less saturated −25%#C31C40

Channel breakdown

R223

B48

Red223 (87.5%)

Green0 (0%)

Blue48 (18.8%)

Hue347.09°

Saturation (HSL)100%

Lightness43.73%

Dominant channelRed

Hex per channelR DF · G 00 · B 30

Keep nerding

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

#DF0030

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