#C3C801

#C3C801

Color Values

HEX

#C3C801

RGB

195, 200, 1

HSL

61.5, 99.0%, 39.4%

HSV

61.5, 99.5%, 78.4%

CMYK

2.5%, 0.0%, 99.5%, 21.6%

OKLCH

0.802 0.1768 111.6

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#C3C801

#0601C8

Analogous

#C86901

#5FC801

#C3C801

Triadic

#C3C801

#01C3C8

#C801C3

Split Complementary

#C3C801

#015FC8

#6901C8

Tetradic

#C3C801

#01C869

#0601C8

#C8015F

Color Blindness Simulation

Original

#C3C801

Protanopia

#C5C531

Deuteranopia

#C5C43D

Tritanopia

#C35760

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#FDFEF1
100
#FBFCDE
200
#FDFFB8
300
#FBFE85
400
#F9FE43
500
#F7FE01
600
#C6CB01
700
#9EA201
800
#7C7F01
900
#595C05
950
#393A03

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

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