#C2C35C

#C2C35C

Color Values

HEX

#C2C35C

RGB

194, 195, 92

HSL

60.6, 46.2%, 56.3%

HSV

60.6, 52.8%, 76.5%

CMYK

0.5%, 0.0%, 52.8%, 23.5%

OKLCH

0.7954 0.1263 109.5

Properties

Cool Light Nearest: khaki 3

Color Harmonies

Complementary

#C2C35C

#5D5CC3

Analogous

#C3915C

#8FC35C

#C2C35C

Triadic

#C2C35C

#5CC2C3

#C35CC2

Split Complementary

#C2C35C

#5C8FC3

#915CC3

Tetradic

#C2C35C

#5CC391

#5D5CC3

#C35C8F

Color Blindness Simulation

Original

#C2C35C

Protanopia

#C2C275

Deuteranopia

#C2C27B

Tritanopia

#C2898D

Achromatopsia

#BBBBBB

CSS Usage

background-color: #C2C35C;
color: #C2C35C;
border-color: #C2C35C;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FAFAF4
100
#F4F4E6
200
#EBECCB
300
#DEDEA6
400
#CBCC75
500
#B9BA45
600
#949537
700
#77772C
800
#5D5D22
900
#44451C
950
#2B2B12

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

11.25:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026