#C3C303

#C3C303

Color Values

HEX

#C3C303

RGB

195, 195, 3

HSL

60.0, 97.0%, 38.8%

HSV

60.0, 98.5%, 76.5%

CMYK

0.0%, 0.0%, 98.5%, 23.5%

OKLCH

0.7911 0.172 109.8

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#C3C303

#0303C3

Analogous

#C36303

#63C303

#C3C303

Triadic

#C3C303

#03C3C3

#C303C3

Split Complementary

#C3C303

#0363C3

#6303C3

Tetradic

#C3C303

#03C363

#0303C3

#C30363

Color Blindness Simulation

Original

#C3C303

Protanopia

#C3C331

Deuteranopia

#C3C33D

Tritanopia

#C3565E

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#FEFEF1
100
#FCFCDE
200
#FEFEB9
300
#FDFD86
400
#FCFC45
500
#FBFB04
600
#C9C903
700
#A1A102
800
#7E7E02
900
#5B5B06
950
#393904

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

11.13:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026