Colour

#CCBA61

#CCBA61
Yellow
Dark
Nearest: Dark khaki

#CCBA61 is a yellow with RGB values 204, 186, 97 and HSL 50°, 51%, 59%. It is a dark colour, so black text on it reaches 10.8:1 contrast (AAA for normal text). The nearest named colour is Dark khaki.

Colour values

#CCBA61#CCBA61

HEX#CCBA61

RGBrgb(204, 186, 97)

RGB (0–1)0.8, 0.7294, 0.3804

RGB percentages80%, 72.9%, 38%

HSLhsl(49.9, 51.2%, 59%)

HSV / HSBhsv(49.9, 52.5%, 80%)

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

24-bit integer13,417,057

CSS custom property--colour: #CCBA61;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 10.76:1

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

Contrast with black10.76:1WCAG normal text: AAA

Greyscale equivalent#B7B7B7

Inverted#33459E

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#C9B659no red cones; affects about 1% of men; ΔE 2.6 from the original

Deuteranopia#CEBC65no green cones; the most common form, about 1% of men; ΔE 1.3 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text1.95:1WCAG large text: Fail

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

Named colours

Dark khaki · ΔE 8.7 Khaki · ΔE 15.6 Burlywood · ΔE 20.9 Pale goldenrod · ΔE 22.6 Tan · ΔE 24.7 Navajo white · ΔE 25.7

Nearest named CSS colourDark khaki (#BDB76B)ΔE 8.72, clearly different but related

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#6173CC

Analogous#CC8461, #A9CC61

Triadic#61CCBA, #BA61CC

Split complementary#61A9CC, #8461CC

Tetradic#61CC84, #6173CC, #CC61A9

Tints, shades & saturation

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

Lighter +40%#FEFDFB

Lighter +30%#F1EDD5

Lighter +20%#E5DCAE

Lighter +10%#D8CB88

Darker −10%#BDA73D

Darker −20%#968531

Darker −30%#706324

Darker −40%#494118

More saturated +25%#E6CB47

Less saturated −25%#B2A97B

Channel breakdown

R204

G186

B97

Red204 (80%)

Green186 (72.9%)

Blue97 (38%)

Hue49.91°

Saturation (HSL)51.2%

Lightness59.02%

Dominant channelRed

Hex per channelR CC · G BA · B 61

Keep nerding

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

#CCBA61

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