Colour

#C6661C

#C6661C
Orange
Dark
Nearest: Chocolate

#C6661C is a orange with RGB values 198, 102, 28 and HSL 26°, 75%, 44%. It is a dark colour, so black text on it reaches 5.3:1 contrast (AA for normal text). The nearest named colour is Chocolate.

Colour values

#C6661C#C6661C

HEX#C6661C

RGBrgb(198, 102, 28)

RGB (0–1)0.7765, 0.4, 0.1098

RGB percentages77.6%, 40%, 11%

HSLhsl(26.1, 75.2%, 44.3%)

HSV / HSBhsv(26.1, 85.9%, 77.6%)

CMYK0%, 48.5%, 85.9%, 22.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer13,002,268

CSS custom property--colour: #C6661C;

Brightness & contrast

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

Perceived brightness133.9 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.32:1

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

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

Greyscale equivalent#757575

Inverted#3999E3

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#82730Cno red cones; affects about 1% of men; ΔE 38.8 from the original

Deuteranopia#99881Ano green cones; the most common form, about 1% of men; ΔE 38.9 from the original

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

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

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

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

Named colours

Chocolate · ΔE 4.6 Peru · ΔE 16.3 Coral · ΔE 19.4 Sienna · ΔE 21.9 Saddle brown · ΔE 22.4 Sandy brown · ΔE 24.3

Nearest named CSS colourChocolate (#D2691E)ΔE 4.57, a close match

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#1C7CC6

Analogous#C61C27, #C6BB1C

Triadic#1CC666, #661CC6

Split complementary#1CC6BB, #1C27C6

Tetradic#27C61C, #1C7CC6, #BB1CC6

Tints, shades & saturation

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

Lighter +40%#F5D3B9

Lighter +30%#EFB78C

Lighter +20%#E89B60

Lighter +10%#E27F33

Darker −10%#994F16

Darker −20%#6D380F

Darker −30%#402109

Darker −40%#130A03

More saturated +25%#E26200

Less saturated −25%#AA6A38

Channel breakdown

R198

G102

B28

Red198 (77.6%)

Green102 (40%)

Blue28 (11%)

Hue26.12°

Saturation (HSL)75.22%

Lightness44.31%

Dominant channelRed

Hex per channelR C6 · G 66 · B 1C

Keep nerding

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

#C6661C

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