#CBB301

#CBB301

Color Values

HEX

#CBB301

RGB

203, 179, 1

HSL

52.9, 99.0%, 40.0%

HSV

52.9, 99.5%, 79.6%

CMYK

0.0%, 11.8%, 99.5%, 20.4%

OKLCH

0.764 0.1585 99.6

Properties

Warm Light Nearest: gold 3

Color Harmonies

Complementary

#CBB301

#0119CB

Analogous

#CB4E01

#7ECB01

#CBB301

Triadic

#CBB301

#01CBB3

#B301CB

Split Complementary

#CBB301

#017ECB

#4E01CB

Tetradic

#CBB301

#01CB4E

#0119CB

#CB017E

Color Blindness Simulation

Original

#CBB301

Protanopia

#C1C02C

Deuteranopia

#C2C436

Tritanopia

#CA4E56

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#FEFCF1
100
#FCF9DE
200
#FFF6B8
300
#FEF085
400
#FEE843
500
#FEE001
600
#CBB301
700
#A28F01
800
#7F7001
900
#5C5105
950
#3A3303

Contrast Checker

Text on white

2.1:1

AA Fail AAA Fail

Text on black

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