Recognised as Colour

#CC6E37

#CC6E37
Orange
Dark
Nearest: Chocolate

#CC6E37 is a orange with RGB values 204, 110, 55 and HSL 22°, 59%, 51%. It is a dark colour, so black text on it reaches 5.9:1 contrast (AA for normal text). The nearest named colour is Chocolate.

Colour values

#CC6E37#CC6E37

HEX#CC6E37

RGBrgb(204, 110, 55)

RGB (0–1)0.8, 0.4314, 0.2157

RGB percentages80%, 43.1%, 21.6%

HSLhsl(22.1, 59.4%, 50.8%)

HSV / HSBhsv(22.1, 73%, 80%)

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

24-bit integer13,397,559

CSS custom property--colour: #CC6E37;

Brightness & contrast

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

Perceived brightness141 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.85:1

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

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

Greyscale equivalent#7E7E7E

Inverted#3391C8

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#897A31no red cones; affects about 1% of men; ΔE 37.1 from the original

Deuteranopia#9F8F36no green cones; the most common form, about 1% of men; ΔE 37.9 from the original

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

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

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

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

Named colours

Chocolate · ΔE 11.5 Peru · ΔE 12.9 Coral · ΔE 16.6 Sienna · ΔE 16.7 Sandy brown · ΔE 20.2 Saddle brown · ΔE 20.6

Nearest named CSS colourChocolate (#D2691E)ΔE 11.55, a distinctly different colour

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#3795CC

Analogous#CC374B, #CCB837

Triadic#37CC6E, #6E37CC

Split complementary#37CCB8, #374BCC

Tetradic#4BCC37, #3795CC, #B837CC

Tints, shades & saturation

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

Lighter +40%#F5E4DA

Lighter +30%#EBC6B1

Lighter +20%#E1A988

Lighter +10%#D68B60

Darker −10%#A6582A

Darker −20%#7D4220

Darker −30%#542D16

Darker −40%#2C170B

More saturated +25%#EB6618

Less saturated −25%#AD7656

Channel breakdown

R204

G110

B55

Red204 (80%)

Green110 (43.1%)

Blue55 (21.6%)

Hue22.15°

Saturation (HSL)59.36%

Lightness50.78%

Dominant channelRed

Hex per channelR CC · G 6E · B 37

Keep nerding

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

#CC6E37

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