#C2CC00

#C2CC00

Color Values

HEX

#C2CC00

RGB

194, 204, 0

HSL

62,9, 100,0%, 40,0%

HSV

62,9, 100,0%, 80,0%

CMYK

4,9%, 0,0%, 100,0%, 20,0%

OKLCH

0,8099 0,181 113,3

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#C2CC00

#0A00CC

Analogous

#CC7000

#5CCC00

#C2CC00

Triadic

#C2CC00

#00C2CC

#CC00C2

Split Complementary

#C2CC00

#005CCC

#7000CC

Tetradic

#C2CC00

#00CC70

#0A00CC

#CC005C

Color Blindness Simulation

Original

#C2CC00

Protanopia

#C6C631

Deuteranopia

#C6C53D

Tritanopia

#C25861

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#FDFEF1
100
#FBFCDE
200
#FCFFB8
300
#F9FF85
400
#F6FF42
500
#F3FF00
600
#C2CC00
700
#9BA300
800
#798000
900
#585C05
950
#373A03

Contrast Checker

Text on white

1,76:1

AA Fail AAA Fail

Text on black

11,93:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026