#C4CC30

#C4CC30

Color Values

HEX

#C4CC30

RGB

196, 204, 48

HSL

63.1, 61.9%, 49.4%

HSV

63.1, 76.5%, 80.0%

CMYK

3.9%, 0.0%, 76.5%, 20.0%

OKLCH

0.8129 0.1673 112.6

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#C4CC30

#3830CC

Analogous

#CC8630

#76CC30

#C4CC30

Triadic

#C4CC30

#30C4CC

#CC30C4

Split Complementary

#C4CC30

#3076CC

#8630CC

Tetradic

#C4CC30

#30CC86

#3830CC

#CC3076

Color Blindness Simulation

Original

#C4CC30

Protanopia

#C7C856

Deuteranopia

#C7C65F

Tritanopia

#C4747A

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F6F7E4
200
#EFF1C5
300
#E4E89C
400
#D5DB66
500
#C6CE31
600
#9FA527
700
#7F841F
800
#636718
900
#494B15
950
#2E300E

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

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