#CEC90F

#CEC90F

Color Values

HEX

#CEC90F

RGB

206, 201, 15

HSL

58,4, 86,4%, 43,3%

HSV

58,4, 92,7%, 80,8%

CMYK

0,0%, 2,4%, 92,7%, 19,2%

OKLCH

0,8136 0,1731 107,9

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#CEC90F

#0F14CE

Analogous

#CE690F

#74CE0F

#CEC90F

Triadic

#CEC90F

#0FCEC9

#C90FCE

Split Complementary

#CEC90F

#0F74CE

#690FCE

Tetradic

#CEC90F

#0FCE69

#0F14CE

#CE0F74

Color Blindness Simulation

Original

#CEC90F

Protanopia

#CCCC3C

Deuteranopia

#CCCC47

Tritanopia

#CE6067

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#FDFDF2
100
#FAFAE0
200
#FAF8BC
300
#F7F48D
400
#F2EE4F
500
#EEE811
600
#BEB90E
700
#98940B
800
#777409
900
#56540B
950
#363507

Contrast Checker

Text on white

1,75:1

AA Fail AAA Fail

Text on black

11,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