#CFCC30

#CFCC30

Color Values

HEX

#CFCC30

RGB

207, 204, 48

HSL

58.9, 62.4%, 50.0%

HSV

58.9, 76.8%, 81.2%

CMYK

0.0%, 1.4%, 76.8%, 18.8%

OKLCH

0.822 0.1648 108.4

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#CFCC30

#3033CF

Analogous

#CF7D30

#82CF30

#CFCC30

Triadic

#CFCC30

#30CFCC

#CC30CF

Split Complementary

#CFCC30

#3082CF

#7D30CF

Tetradic

#CFCC30

#30CF7D

#3033CF

#CF3082

Color Blindness Simulation

Original

#CFCC30

Protanopia

#CECE56

Deuteranopia

#CECE5F

Tritanopia

#CF747A

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F7F6E4
200
#F2F1C5
300
#E8E79C
400
#DCD966
500
#CFCC30
600
#A6A326
700
#85831F
800
#686618
900
#4C4B15
950
#302F0D

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

12.33:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026