#C9CC7C

#C9CC7C

Color Values

HEX

#C9CC7C

RGB

201, 204, 124

HSL

62.3, 44.0%, 64.3%

HSV

62.3, 39.2%, 80.0%

CMYK

1.5%, 0.0%, 39.2%, 20.0%

OKLCH

0.8249 0.1026 110.3

Properties

Cool Light Nearest: khaki 3

Color Harmonies

Complementary

#C9CC7C

#7F7CCC

Analogous

#CCA77C

#A1CC7C

#C9CC7C

Triadic

#C9CC7C

#7CC9CC

#CC7CC9

Split Complementary

#C9CC7C

#7CA1CC

#A77CCC

Tetradic

#C9CC7C

#7CCCA7

#7F7CCC

#CC7CA1

Color Blindness Simulation

Original

#C9CC7C

Protanopia

#CACA8F

Deuteranopia

#CACA94

Tritanopia

#C99FA2

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F3F4E6
200
#EAEBCC
300
#DBDDA7
400
#C7CA77
500
#B3B847
600
#8F9339
700
#73762E
800
#5A5C24
900
#42441D
950
#2A2B12

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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