#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

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