Recognised as Colour

#D6222B

#D6222B
Red
Dark
Nearest: Crimson

#D6222B is a red with RGB values 214, 34, 43 and HSL 357°, 73%, 49%. It is a dark colour, so white text on it reaches 5.1:1 contrast (AA for normal text). The nearest named colour is Crimson.

Colour values

#D6222B#D6222B

HEX#D6222B

RGBrgb(214, 34, 43)

RGB (0–1)0.8392, 0.1333, 0.1686

RGB percentages83.9%, 13.3%, 16.9%

HSLhsl(357, 72.6%, 48.6%)

HSV / HSBhsv(357, 84.1%, 83.9%)

CMYK0%, 84.1%, 79.9%, 16.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer14,033,451

CSS custom property--colour: #D6222B;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.09:1

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

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

Greyscale equivalent#494949

Inverted#29DDD4

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

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

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

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

Named colours

Crimson · ΔE 10 Firebrick · ΔE 13.6 Tomato · ΔE 18.3 Brown · ΔE 22.3 Dark red · ΔE 24 Maroon · ΔE 28.1

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

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#22D6CD

Analogous#D62285, #D67322

Triadic#2BD622, #222BD6

Split complementary#22D673, #2285D6

Tetradic#85D622, #22D6CD, #7322D6

Tints, shades & saturation

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

Lighter +40%#F7CDCF

Lighter +30%#F0A1A5

Lighter +20%#E9757B

Lighter +10%#E24951

Darker −10%#AA1B22

Darker −20%#7E1419

Darker −30%#520D10

Darker −40%#260608

More saturated +25%#F5030F

Less saturated −25%#B74147

Channel breakdown

R214

G34

B43

Red214 (83.9%)

Green34 (13.3%)

Blue43 (16.9%)

Hue357°

Saturation (HSL)72.58%

Lightness48.63%

Dominant channelRed

Hex per channelR D6 · G 22 · B 2B

Keep nerding

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

#D6222B

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