#C2C801

#C2C801

Color Values

HEX

#C2C801

RGB

194, 200, 1

HSL

61.8, 99.0%, 39.4%

HSV

61.8, 99.5%, 78.4%

CMYK

3.0%, 0.0%, 99.5%, 21.6%

OKLCH

0.8012 0.1771 111.9

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#C2C801

#0701C8

Analogous

#C86A01

#5FC801

#C2C801

Triadic

#C2C801

#01C2C8

#C801C2

Split Complementary

#C2C801

#015FC8

#6A01C8

Tetradic

#C2C801

#01C86A

#0701C8

#C8015F

Color Blindness Simulation

Original

#C2C801

Protanopia

#C5C531

Deuteranopia

#C4C43D

Tritanopia

#C25760

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#FDFEF1
100
#FBFCDE
200
#FDFFB8
300
#FBFE85
400
#F8FE43
500
#F6FE01
600
#C5CB01
700
#9EA201
800
#7B7F01
900
#595C05
950
#383A03

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

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