#C4CC55

#C4CC55

Color Values

HEX

#C4CC55

RGB

196, 204, 85

HSL

64.0, 53.8%, 56.7%

HSV

64.0, 58.3%, 80.0%

CMYK

3.9%, 0.0%, 58.3%, 20.0%

OKLCH

0.8158 0.1423 112.7

Properties

Cool Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#C4CC55

#5D55CC

Analogous

#CC9955

#89CC55

#C4CC55

Triadic

#C4CC55

#55C4CC

#CC55C4

Split Complementary

#C4CC55

#5589CC

#9955CC

Tetradic

#C4CC55

#55CC99

#5D55CC

#CC5589

Color Blindness Simulation

Original

#C4CC55

Protanopia

#C7C872

Deuteranopia

#C7C679

Tritanopia

#C4898E

Achromatopsia

#C2C2C2

CSS Usage

background-color: #C4CC55;
color: #C4CC55;
border-color: #C4CC55;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FAFBF4
100
#F4F5E5
200
#ECEFC8
300
#DEE3A1
400
#CDD36E
500
#BBC43B
600
#969D2F
700
#787E26
800
#5D621D
900
#454819
950
#2B2D10

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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