#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

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026