#CCC627

#CCC627

Color Values

HEX

#CCC627

RGB

204, 198, 39

HSL

57.8, 67.9%, 47.6%

HSV

57.8, 80.9%, 80.0%

CMYK

0.0%, 2.9%, 80.9%, 20.0%

OKLCH

0.8062 0.1639 107.2

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#CCC627

#272DCC

Analogous

#CC7327

#7FCC27

#CCC627

Triadic

#CCC627

#27CCC6

#C627CC

Split Complementary

#CCC627

#277FCC

#7327CC

Tetradic

#CCC627

#27CC73

#272DCC

#CC277F

Color Blindness Simulation

Original

#CCC627

Protanopia

#C9C94D

Deuteranopia

#CACA57

Tritanopia

#CC6C73

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#FCFBF3
100
#F7F7E3
200
#F4F2C3
300
#EBE898
400
#E1DC61
500
#D6D029
600
#ABA621
700
#89851A
800
#6B6814
900
#4E4C13
950
#31300C

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

11.67:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026