Colour

#D1314D

#D1314D
Red
Dark
Nearest: Crimson

#D1314D is a red with RGB values 209, 49, 77 and HSL 350°, 63%, 51%. It is a dark colour, so white text on it reaches 4.9:1 contrast (AA for normal text). The nearest named colour is Crimson.

Colour values

#D1314D#D1314D

HEX#D1314D

RGBrgb(209, 49, 77)

RGB (0–1)0.8196, 0.1922, 0.302

RGB percentages82%, 19.2%, 30.2%

HSLhsl(349.5, 63.5%, 50.6%)

HSV / HSBhsv(349.5, 76.6%, 82%)

CMYK0%, 76.6%, 63.2%, 18%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer13,709,645

CSS custom property--colour: #D1314D;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 4.93:1

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

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

Greyscale equivalent#555555

Inverted#2ECEB2

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#877C48no green cones; the most common form, about 1% of men; ΔE 66.5 from the original

Tritanopia#E5003Dno 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 text4.93:1WCAG large text: AAA

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

Named colours

Crimson · ΔE 13.3 Brown · ΔE 17.7 Firebrick · ΔE 17.8 Indian red · ΔE 18.7 Salmon · ΔE 27 Light coral · ΔE 27.5

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

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#31D1B5

Analogous#D1319D, #D16531

Triadic#4DD131, #314DD1

Split complementary#31D165, #319DD1

Tetradic#9DD131, #31D1B5, #6531D1

Tints, shades & saturation

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

Lighter +40%#F6D8DD

Lighter +30%#EDAEB9

Lighter +20%#E48495

Lighter +10%#DA5B71

Darker −10%#A9263D

Darker −20%#801C2E

Darker −30%#56131F

Darker −40%#2C0A10

More saturated +25%#F11139

Less saturated −25%#B25161

Channel breakdown

R209

G49

B77

Red209 (82%)

Green49 (19.2%)

Blue77 (30.2%)

Hue349.5°

Saturation (HSL)63.49%

Lightness50.59%

Dominant channelRed

Hex per channelR D1 · G 31 · B 4D

Keep nerding

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

#D1314D

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