#CBA401

#CBA401

Color Values

HEX

#CBA401

RGB

203, 164, 1

HSL

48,4, 99,0%, 40,0%

HSV

48,4, 99,5%, 79,6%

CMYK

0,0%, 19,2%, 99,5%, 20,4%

OKLCH

0,733 0,1497 91,6

Properties

Warm Light Nearest: NCS S 2060-Y Rich Yellow

Color Harmonies

Complementary

#CBA401

#0128CB

Analogous

#CB3F01

#8DCB01

#CBA401

Triadic

#CBA401

#01CBA4

#A401CB

Split Complementary

#CBA401

#018DCB

#3F01CB

Tetradic

#CBA401

#01CB3F

#0128CB

#CB018D

Color Blindness Simulation

Original

#CBA401

Protanopia

#BABA28

Deuteranopia

#BCBF32

Tritanopia

#C9484E

Achromatopsia

#A1A1A1

CSS Usage

background-color: #CBA401;
color: #CBA401;
border-color: #CBA401;
Nearest Tailwind: Yellow 500 #EAB308

Tailwind Shades

50
#FEFBF1
100
#FCF6DE
200
#FFF1B8
300
#FEE785
400
#FEDA43
500
#FECD01
600
#CBA401
700
#A28301
800
#7F6601
900
#5C4B05
950
#3A2F03

Contrast Checker

Text on white

2,37:1

AA Fail AAA Fail

Text on black

8,85: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