#CBC572

#CBC572

Color Values

HEX

#CBC572

RGB

203, 197, 114

HSL

56.0, 46.1%, 62.2%

HSV

56.0, 43.8%, 79.6%

CMYK

0.0%, 3.0%, 43.8%, 20.4%

OKLCH

0.8102 0.1053 104.9

Properties

Warm Light Nearest: khaki 3

Color Harmonies

Complementary

#CBC572

#7278CB

Analogous

#CB9972

#A5CB72

#CBC572

Triadic

#CBC572

#72CBC5

#C572CB

Split Complementary

#CBC572

#72A5CB

#9972CB

Tetradic

#CBC572

#72CB99

#7278CB

#CB72A5

Color Blindness Simulation

Original

#CBC572

Protanopia

#C8C886

Deuteranopia

#C9C98B

Tritanopia

#CB9699

Achromatopsia

#C0C0C0

CSS Usage

background-color: #CBC572;
color: #CBC572;
border-color: #CBC572;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FAFAF4
100
#F4F3E6
200
#ECEACB
300
#DEDAA6
400
#CCC675
500
#BAB245
600
#958F37
700
#77722C
800
#5D5922
900
#45421C
950
#2B2A12

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

11.77: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