#C1C022

#C1C022

Color Values

HEX

#C1C022

RGB

193, 192, 34

HSL

59.6, 70.0%, 44.5%

HSV

59.6, 82.4%, 75.7%

CMYK

0.0%, 0.5%, 82.4%, 24.3%

OKLCH

0.7836 0.1625 109.2

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#C1C022

#2223C1

Analogous

#C17022

#73C122

#C1C022

Triadic

#C1C022

#22C1C0

#C022C1

Split Complementary

#C1C022

#2273C1

#7022C1

Tetradic

#C1C022

#22C170

#2223C1

#C12273

Color Blindness Simulation

Original

#C1C022

Protanopia

#C1C148

Deuteranopia

#C1C151

Tritanopia

#C1666D

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#FCFCF3
100
#F8F8E3
200
#F4F4C2
300
#EDEC97
400
#E3E25F
500
#D9D826
600
#ADAC1F
700
#8B8A18
800
#6C6C13
900
#4F4F12
950
#32320B

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

10.83:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026