#CBD167

#CBD167

Color Values

HEX

#CBD167

RGB

203, 209, 103

HSL

63.4, 53.5%, 61.2%

HSV

63.4, 50.7%, 82.0%

CMYK

2.9%, 0.0%, 50.7%, 18.0%

OKLCH

0.8342 0.1302 111.8

Properties

Cool Light Nearest: khaki 2

Color Harmonies

Complementary

#CBD167

#6D67D1

Analogous

#D1A267

#96D167

#CBD167

Triadic

#CBD167

#67CBD1

#D167CB

Split Complementary

#CBD167

#6796D1

#A267D1

Tetradic

#CBD167

#67D1A2

#6D67D1

#D16796

Color Blindness Simulation

Original

#CBD167

Protanopia

#CECE81

Deuteranopia

#CDCD87

Tritanopia

#CB9599

Achromatopsia

#C8C8C8

CSS Usage

background-color: #CBD167;
color: #CBD167;
border-color: #CBD167;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FAFBF4
100
#F4F5E5
200
#ECEEC8
300
#DFE3A1
400
#CDD36E
500
#BCC43B
600
#969D2F
700
#787D26
800
#5E621E
900
#454819
950
#2C2D10

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

12.86:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026