Recognised as Colour

#CC405D

#CC405D
Red
Dark
Nearest: Indian red

#CC405D is a red with RGB values 204, 64, 93 and HSL 348°, 58%, 53%. It is a dark colour, so white text on it reaches 4.7:1 contrast (AA for normal text). The nearest named colour is Indian red.

Colour values

#CC405D#CC405D

HEX#CC405D

RGBrgb(204, 64, 93)

RGB (0–1)0.8, 0.251, 0.3647

RGB percentages80%, 25.1%, 36.5%

HSLhsl(347.6, 57.9%, 52.5%)

HSV / HSBhsv(347.6, 68.6%, 80%)

CMYK0%, 68.6%, 54.4%, 20%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer13,385,821

CSS custom property--colour: #CC405D;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 4.71:1

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

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

Greyscale equivalent#606060

Inverted#33BFA2

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#63615Dno red cones; affects about 1% of men; ΔE 58.8 from the original

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

Tritanopia#DF234Cno 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.71:1WCAG large text: AAA

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

Named colours

Indian red · ΔE 14.8 Brown · ΔE 20.4 Pale violetred · ΔE 22.1 Light coral · ΔE 22.9 Crimson · ΔE 23.3 Firebrick · ΔE 24.5

Nearest named CSS colourIndian red (#CD5C5C)ΔE 14.77, a distinctly different colour

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#40CCAF

Analogous#CC40A3, #CC6940

Triadic#5DCC40, #405DCC

Split complementary#40CC69, #40A3CC

Tetradic#A3CC40, #40CCAF, #6940CC

Tints, shades & saturation

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

Lighter +40%#F7E1E6

Lighter +30%#ECB9C3

Lighter +20%#E191A1

Lighter +10%#D7687F

Darker −10%#AB2E48

Darker −20%#832337

Darker −30%#5B1826

Darker −40%#330D15

More saturated +25%#EA224B

Less saturated −25%#AE5E6F

Channel breakdown

R204

G64

B93

Red204 (80%)

Green64 (25.1%)

Blue93 (36.5%)

Hue347.57°

Saturation (HSL)57.85%

Lightness52.55%

Dominant channelRed

Hex per channelR CC · G 40 · B 5D

Keep nerding

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

#CC405D

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