#C8CD7F

#C8CD7F

Color Values

HEX

#C8CD7F

RGB

200, 205, 127

HSL

63.8, 43.8%, 65.1%

HSV

63.8, 38.0%, 80.4%

CMYK

2.4%, 0.0%, 38.0%, 19.6%

OKLCH

0.8267 0.1006 111.5

Properties

Cool Light Nearest: khaki 3

Color Harmonies

Complementary

#C8CD7F

#847FCD

Analogous

#CDAB7F

#A1CD7F

#C8CD7F

Triadic

#C8CD7F

#7FC8CD

#CD7FC8

Split Complementary

#C8CD7F

#7FA1CD

#AB7FCD

Tetradic

#C8CD7F

#7FCDAB

#847FCD

#CD7FA1

Color Blindness Simulation

Original

#C8CD7F

Protanopia

#CACA92

Deuteranopia

#CACA96

Tritanopia

#C8A1A4

Achromatopsia

#C6C6C6

CSS Usage

background-color: #C8CD7F;
color: #C8CD7F;
border-color: #C8CD7F;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FAFAF5
100
#F3F4E7
200
#E9EBCC
300
#D9DDA7
400
#C5CA77
500
#B0B748
600
#8D9339
700
#71752E
800
#585C24
900
#41441D
950
#292B13

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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