Recognised as Colour

#D12F2C

#D12F2C
Red
Dark
Nearest: Firebrick

#D12F2C is a red with RGB values 209, 47, 44 and HSL 1°, 65%, 50%. It is a dark colour, so white text on it reaches 5.1:1 contrast (AA for normal text). The nearest named colour is Firebrick.

Colour values

#D12F2C#D12F2C

HEX#D12F2C

RGBrgb(209, 47, 44)

RGB (0–1)0.8196, 0.1843, 0.1725

RGB percentages82%, 18.4%, 17.3%

HSLhsl(1.1, 65.2%, 49.6%)

HSV / HSBhsv(1.1, 78.9%, 82%)

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

24-bit integer13,709,100

CSS custom property--colour: #D12F2C;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.06:1

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

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

Greyscale equivalent#515151

Inverted#2ED0D3

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#625829no red cones; affects about 1% of men; ΔE 66.4 from the original

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

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

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

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

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

Named colours

Firebrick · ΔE 10.3 Crimson · ΔE 12.4 Tomato · ΔE 16.6 Brown · ΔE 18.8 Dark red · ΔE 21.4 Maroon · ΔE 25.4

Nearest named CSS colourFirebrick (#B22222)ΔE 10.33, a distinctly different colour

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#2CCED1

Analogous#D12C7B, #D1822C

Triadic#2CD12F, #2F2CD1

Split complementary#2CD182, #2C7BD1

Tetradic#7BD12C, #2CCED1, #812CD1

Tints, shades & saturation

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

Lighter +40%#F6D4D3

Lighter +30%#EDAAA9

Lighter +20%#E4817F

Lighter +10%#DB5755

Darker −10%#A72623

Darker −20%#7D1C1A

Darker −30%#531311

Darker −40%#280909

More saturated +25%#F1110C

Less saturated −25%#B14D4C

Channel breakdown

R209

G47

B44

Red209 (82%)

Green47 (18.4%)

Blue44 (17.3%)

Hue1.09°

Saturation (HSL)65.22%

Lightness49.61%

Dominant channelRed

Hex per channelR D1 · G 2F · B 2C

Keep nerding

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

#D12F2C

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