Colour

#CC686A

#CC686A
Red
Dark
Nearest: Indian red

#CC686A is a red with RGB values 204, 104, 106 and HSL 359°, 50%, 60%. It is a dark colour, so black text on it reaches 5.8:1 contrast (AA for normal text). The nearest named colour is Indian red.

Colour values

#CC686A#CC686A

HEX#CC686A

RGBrgb(204, 104, 106)

RGB (0–1)0.8, 0.4078, 0.4157

RGB percentages80%, 40.8%, 41.6%

HSLhsl(358.8, 49.5%, 60.4%)

HSV / HSBhsv(358.8, 49%, 80%)

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

24-bit integer13,396,074

CSS custom property--colour: #CC686A;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.76:1

Contrast with white3.65:1WCAG normal text: Fail

Contrast with black5.76:1WCAG normal text: AA

Greyscale equivalent#7D7D7D

Inverted#339795

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#7E7969no red cones; affects about 1% of men; ΔE 41.8 from the original

Deuteranopia#978E68no green cones; the most common form, about 1% of men; ΔE 42.8 from the original

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

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

Contrast with white, large text3.65:1WCAG large text: AA

Contrast with black, large text5.76:1WCAG large text: AAA

Named colours

Indian red · ΔE 7.5 Light coral · ΔE 11 Salmon · ΔE 17.3 Pale violetred · ΔE 18.4 Dark salmon · ΔE 20.9 Sienna · ΔE 24.3

Nearest named CSS colourIndian red (#CD5C5C)ΔE 7.49, clearly different but related

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#68CCCA

Analogous#CC689C, #CC9868

Triadic#6ACC68, #686ACC

Split complementary#68CC98, #689CCC

Tetradic#9CCC68, #68CCCA, #9868CC

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#F3DADB

Lighter +20%#E6B4B5

Lighter +10%#D98E90

Darker −10%#BF4244

Darker −20%#9A3436

Darker −30%#742729

Darker −40%#4E1A1B

More saturated +25%#E54F52

Less saturated −25%#B38182

Channel breakdown

R204

G104

B106

Red204 (80%)

Green104 (40.8%)

Blue106 (41.6%)

Hue358.8°

Saturation (HSL)49.5%

Lightness60.39%

Dominant channelRed

Hex per channelR CC · G 68 · B 6A

Keep nerding

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

#CC686A

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