#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

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