#CECA30

#CECA30

Color Values

HEX

#CECA30

RGB

206, 202, 48

HSL

58.5, 62.2%, 49.8%

HSV

58.5, 76.7%, 80.8%

CMYK

0.0%, 1.9%, 76.7%, 19.2%

OKLCH

0.8169 0.1631 108.0

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#CECA30

#3034CE

Analogous

#CE7B30

#83CE30

#CECA30

Triadic

#CECA30

#30CECA

#CA30CE

Split Complementary

#CECA30

#3083CE

#7B30CE

Tetradic

#CECA30

#30CE7B

#3034CE

#CE3083

Color Blindness Simulation

Original

#CECA30

Protanopia

#CCCC55

Deuteranopia

#CCCD5E

Tritanopia

#CE7379

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F7F6E4
200
#F2F0C5
300
#E8E69C
400
#DBD866
500
#CFCB30
600
#A5A227
700
#84821F
800
#676518
900
#4C4A15
950
#302F0D

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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