Colour

#CFBD63

#CFBD63
Yellow
Light
Nearest: Dark khaki

#CFBD63 is a yellow with RGB values 207, 189, 99 and HSL 50°, 53%, 60%. It is a light colour, so black text on it reaches 11.1:1 contrast (AAA for normal text). The nearest named colour is Dark khaki.

Colour values

#CFBD63#CFBD63

HEX#CFBD63

RGBrgb(207, 189, 99)

RGB (0–1)0.8118, 0.7412, 0.3882

RGB percentages81.2%, 74.1%, 38.8%

HSLhsl(50, 52.9%, 60%)

HSV / HSBhsv(50, 52.2%, 81.2%)

CMYK0%, 8.7%, 52.2%, 18.8%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer13,614,435

CSS custom property--colour: #CFBD63;

Brightness & contrast

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

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

Light or darkLight

Best text colour on this backgroundBlackcontrast 11.11:1

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

Contrast with black11.11:1WCAG normal text: AAA

Greyscale equivalent#BABABA

Inverted#30429C

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text11.11:1WCAG large text: AAA

Named colours

Dark khaki · ΔE 9.3 Khaki · ΔE 14.6 Burlywood · ΔE 21.2 Pale goldenrod · ΔE 22.1 Tan · ΔE 25.1 Navajo white · ΔE 25.4

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

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#6375CF

Analogous#CF8763, #ABCF63

Triadic#63CFBD, #BD63CF

Split complementary#63ABCF, #8763CF

Tetradic#63CF87, #6375CF, #CF63AB

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#F3EFD8

Lighter +20%#E7DEB1

Lighter +10%#DBCE8A

Darker −10%#C3AD3C

Darker −20%#9C8A30

Darker −30%#756824

Darker −40%#4E4518

More saturated +25%#E9CE4A

Less saturated −25%#B6AC7C

Channel breakdown

R207

G189

B99

Red207 (81.2%)

Green189 (74.1%)

Blue99 (38.8%)

Hue50°

Saturation (HSL)52.94%

Lightness60%

Dominant channelRed

Hex per channelR CF · G BD · B 63

Keep nerding

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

#CFBD63

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