#C1CD5C

#C1CD5C

Color Values

HEX

#C1CD5C

RGB

193, 205, 92

HSL

66.4, 53.1%, 58.2%

HSV

66.4, 55.1%, 80.4%

CMYK

5.9%, 0.0%, 55.1%, 19.6%

OKLCH

0.8163 0.1381 114.5

Properties

Cool Light Nearest: darkolivegreen 3

Color Harmonies

Complementary

#C1CD5C

#685CCD

Analogous

#CDA05C

#88CD5C

#C1CD5C

Triadic

#C1CD5C

#5CC1CD

#CD5CC1

Split Complementary

#C1CD5C

#5C88CD

#A05CCD

Tetradic

#C1CD5C

#5CCDA0

#685CCD

#CD5C88

Color Blindness Simulation

Original

#C1CD5C

Protanopia

#C6C677

Deuteranopia

#C6C57E

Tritanopia

#C28D92

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#FAFBF4
100
#F3F5E5
200
#EAEEC8
300
#DBE2A1
400
#C8D36F
500
#B5C33C
600
#919C30
700
#747D26
800
#5A621E
900
#434819
950
#2A2D10

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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