#CBCF6D

#CBCF6D

Color Values

HEX

#CBCF6D

RGB

203, 207, 109

HSL

62.4, 50.5%, 62.0%

HSV

62.4, 47.3%, 81.2%

CMYK

1.9%, 0.0%, 47.3%, 18.8%

OKLCH

0.8307 0.1219 110.9

Properties

Cool Light Nearest: khaki 3

Color Harmonies

Complementary

#CBCF6D

#716DCF

Analogous

#CFA26D

#9ACF6D

#CBCF6D

Triadic

#CBCF6D

#6DCBCF

#CF6DCB

Split Complementary

#CBCF6D

#6D9ACF

#A26DCF

Tetradic

#CBCF6D

#6DCFA2

#716DCF

#CF6D9A

Color Blindness Simulation

Original

#CBCF6D

Protanopia

#CDCD85

Deuteranopia

#CCCC8A

Tritanopia

#CB979C

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#FAFBF4
100
#F4F5E5
200
#ECEDC9
300
#DEE1A3
400
#CCD071
500
#BBC03F
600
#959A32
700
#787B28
800
#5D6020
900
#45461A
950
#2B2D11

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

12.69:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026