#CBC201

#CBC201

Color Values

HEX

#CBC201

RGB

203, 194, 1

HSL

57,3, 99,0%, 40,0%

HSV

57,3, 99,5%, 79,6%

CMYK

0,0%, 4,4%, 99,5%, 20,4%

OKLCH

0,7958 0,1698 106,3

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#CBC201

#010ACB

Analogous

#CB5D01

#6FCB01

#CBC201

Triadic

#CBC201

#01CBC2

#C201CB

Split Complementary

#CBC201

#016FCB

#5D01CB

Tetradic

#CBC201

#01CB5D

#010ACB

#CB016F

Color Blindness Simulation

Original

#CBC201

Protanopia

#C7C730

Deuteranopia

#C8C83B

Tritanopia

#CB555D

Achromatopsia

#B6B6B6

CSS Usage

background-color: #CBC201;
color: #CBC201;
border-color: #CBC201;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FEFDF1
100
#FCFBDE
200
#FFFBB8
300
#FEF985
400
#FEF643
500
#FEF201
600
#CBC201
700
#A29B01
800
#7F7901
900
#5C5805
950
#3A3703

Contrast Checker

Text on white

1,87:1

AA Fail AAA Fail

Text on black

11,26:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026