#C2C341

#C2C341

Color Values

HEX

#C2C341

RGB

194, 195, 65

HSL

60.5, 52.0%, 51.0%

HSV

60.5, 66.7%, 76.5%

CMYK

0.5%, 0.0%, 66.7%, 23.5%

OKLCH

0.7928 0.1485 109.8

Properties

Cool Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#C2C341

#4241C3

Analogous

#C38341

#81C341

#C2C341

Triadic

#C2C341

#41C2C3

#C341C2

Split Complementary

#C2C341

#4181C3

#8341C3

Tetradic

#C2C341

#41C383

#4241C3

#C34181

Color Blindness Simulation

Original

#C2C341

Protanopia

#C2C260

Deuteranopia

#C2C268

Tritanopia

#C2797F

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#FBFBF4
100
#F5F5E5
200
#EEEEC9
300
#E1E2A2
400
#D1D270
500
#C1C23D
600
#9A9B31
700
#7B7C27
800
#60611F
900
#47471A
950
#2D2D10

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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