#C7C583

#C7C583

Color Values

HEX

#C7C583

RGB

199, 197, 131

HSL

58.2, 37.8%, 64.7%

HSV

58.2, 34.2%, 78.0%

CMYK

0.0%, 1.0%, 34.2%, 22.0%

OKLCH

0.8096 0.0862 106.7

Properties

Warm Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#C7C583

#8385C7

Analogous

#C7A383

#A7C783

#C7C583

Triadic

#C7C583

#83C7C5

#C583C7

Split Complementary

#C7C583

#83A7C7

#A383C7

Tetradic

#C7C583

#83C7A3

#8385C7

#C783A7

Color Blindness Simulation

Original

#C7C583

Protanopia

#C6C693

Deuteranopia

#C6C697

Tritanopia

#C7A0A2

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F3F3E7
200
#E9E8CE
300
#D9D8AB
400
#C4C27D
500
#B0AD4F
600
#8D8A3F
700
#706F33
800
#585628
900
#414020
950
#292814

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

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