#C7BA7C

#C7BA7C

Color Values

HEX

#C7BA7C

RGB

199, 186, 124

HSL

49,6, 40,1%, 63,3%

HSV

49,6, 37,7%, 78,0%

CMYK

0,0%, 6,5%, 37,7%, 22,0%

OKLCH

0,7853 0,0824 97,8

Properties

Warm Light Nearest: RAL 1001 Beige

Color Harmonies

Complementary

#C7BA7C

#7C89C7

Analogous

#C7947C

#AEC77C

#C7BA7C

Triadic

#C7BA7C

#7CC7BA

#BA7CC7

Split Complementary

#C7BA7C

#7CAEC7

#947CC7

Tetradic

#C7BA7C

#7CC794

#7C89C7

#C77CAE

Color Blindness Simulation

Original

#C7BA7C

Protanopia

#C1C18B

Deuteranopia

#C2C38F

Tritanopia

#C69799

Achromatopsia

#B8B8B8

CSS Usage

background-color: #C7BA7C;
color: #C7BA7C;
border-color: #C7BA7C;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FAF9F5
100
#F3F1E7
200
#EAE5CD
300
#DAD2A9
400
#C6B97B
500
#B3A14C
600
#8F813D
700
#726731
800
#595026
900
#423C1F
950
#2A2614

Contrast Checker

Text on white

1,95:1

AA Fail AAA Fail

Text on black

10,74:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026