#CFCC36

#CFCC36

Color Values

HEX

#CFCC36

RGB

207, 204, 54

HSL

58.8, 61.4%, 51.2%

HSV

58.8, 73.9%, 81.2%

CMYK

0.0%, 1.4%, 73.9%, 18.8%

OKLCH

0.8224 0.1617 108.3

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#CFCC36

#3639CF

Analogous

#CF8036

#86CF36

#CFCC36

Triadic

#CFCC36

#36CFCC

#CC36CF

Split Complementary

#CFCC36

#3686CF

#8036CF

Tetradic

#CFCC36

#36CF80

#3639CF

#CF3686

Color Blindness Simulation

Original

#CFCC36

Protanopia

#CECE5A

Deuteranopia

#CECE63

Tritanopia

#CF777D

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F6F6E4
200
#F1F0C5
300
#E7E69C
400
#DBD867
500
#CECB31
600
#A5A227
700
#84821F
800
#676519
900
#4B4A16
950
#302F0E

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

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