#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

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026