#CBA301

#CBA301

Color Values

HEX

#CBA301

RGB

203, 163, 1

HSL

48.1, 99.0%, 40.0%

HSV

48.1, 99.5%, 79.6%

CMYK

0.0%, 19.7%, 99.5%, 20.4%

OKLCH

0.7309 0.1493 91.0

Properties

Warm Light Nearest: NCS S 2060-Y Rich Yellow

Color Harmonies

Complementary

#CBA301

#0129CB

Analogous

#CB3E01

#8ECB01

#CBA301

Triadic

#CBA301

#01CBA3

#A301CB

Split Complementary

#CBA301

#018ECB

#3E01CB

Tetradic

#CBA301

#01CB3E

#0129CB

#CB018E

Color Blindness Simulation

Original

#CBA301

Protanopia

#BAB928

Deuteranopia

#BCBF32

Tritanopia

#C9474E

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#FEFBF1
100
#FCF6DE
200
#FFF1B8
300
#FEE685
400
#FED943
500
#FECC01
600
#CBA301
700
#A28201
800
#7F6601
900
#5C4A05
950
#3A2F03

Contrast Checker

Text on white

2.39:1

AA Fail AAA Fail

Text on black

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