#CEC55E

#CEC55E

Color Values

HEX

#CEC55E

RGB

206, 197, 94

HSL

55.2, 53.3%, 58.8%

HSV

55.2, 54.4%, 80.8%

CMYK

0.0%, 4.4%, 54.4%, 19.2%

OKLCH

0.8101 0.1253 104.3

Properties

Warm Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#CEC55E

#5E67CE

Analogous

#CE8D5E

#9FCE5E

#CEC55E

Triadic

#CEC55E

#5ECEC5

#C55ECE

Split Complementary

#CEC55E

#5E9FCE

#8D5ECE

Tetradic

#CEC55E

#5ECE8D

#5E67CE

#CE5E9F

Color Blindness Simulation

Original

#CEC55E

Protanopia

#CACA77

Deuteranopia

#CBCB7D

Tritanopia

#CE8B8F

Achromatopsia

#BFBFBF

CSS Usage

background-color: #CEC55E;
color: #CEC55E;
border-color: #CEC55E;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FBFAF4
100
#F5F4E5
200
#EEEBC8
300
#E2DDA1
400
#D3CB6E
500
#C3B93C
600
#9C9430
700
#7D7626
800
#625C1E
900
#484419
950
#2D2B10

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

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