#C7C97F

#C7C97F

Color Values

HEX

#C7C97F

RGB

199, 201, 127

HSL

61,6, 40,7%, 64,3%

HSV

61,6, 36,8%, 78,8%

CMYK

1,0%, 0,0%, 36,8%, 21,2%

OKLCH

0,8174 0,0957 109,7

Properties

Cool Light Nearest: khaki 3

Color Harmonies

Complementary

#C7C97F

#817FC9

Analogous

#C9A67F

#A2C97F

#C7C97F

Triadic

#C7C97F

#7FC7C9

#C97FC7

Split Complementary

#C7C97F

#7FA2C9

#A67FC9

Tetradic

#C7C97F

#7FC9A6

#817FC9

#C97FA2

Color Blindness Simulation

Original

#C7C97F

Protanopia

#C8C891

Deuteranopia

#C8C895

Tritanopia

#C79FA2

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F3F3E7
200
#E9EACD
300
#D9DBA9
400
#C5C77A
500
#B1B34C
600
#8D903C
700
#717330
800
#585A26
900
#41421F
950
#292A13

Contrast Checker

Text on white

1,74:1

AA Fail AAA Fail

Text on black

12,09: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