#CEC625

#CEC625

Color Values

HEX

#CEC625

RGB

206, 198, 37

HSL

57.2, 69.5%, 47.6%

HSV

57.2, 82.0%, 80.8%

CMYK

0.0%, 3.9%, 82.0%, 19.2%

OKLCH

0.8078 0.1643 106.5

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#CEC625

#252DCE

Analogous

#CE7225

#81CE25

#CEC625

Triadic

#CEC625

#25CEC6

#C625CE

Split Complementary

#CEC625

#2581CE

#7225CE

Tetradic

#CEC625

#25CE72

#252DCE

#CE2581

Color Blindness Simulation

Original

#CEC625

Protanopia

#CBCA4C

Deuteranopia

#CBCC55

Tritanopia

#CE6B71

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#FCFBF3
100
#F8F7E3
200
#F4F2C2
300
#ECE897
400
#E2DC5F
500
#D8D027
600
#ADA61F
700
#8A8519
800
#6C6813
900
#4F4C12
950
#32300B

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

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