#C7A366

#C7A366

Color Values

HEX

#C7A366

RGB

199, 163, 102

HSL

37.7, 46.4%, 59.0%

HSV

37.7, 48.7%, 78.0%

CMYK

0.0%, 18.1%, 48.7%, 22.0%

OKLCH

0.7345 0.0897 79.9

Properties

Warm Light Nearest: RAL 1002 Sand Yellow

Color Harmonies

Complementary

#C7A366

#668AC7

Analogous

#C77266

#BBC766

#C7A366

Triadic

#C7A366

#66C7A3

#A366C7

Split Complementary

#C7A366

#66BBC7

#7266C7

Tetradic

#C7A366

#66C772

#668AC7

#C766BB

Color Blindness Simulation

Original

#C7A366

Protanopia

#B7B775

Deuteranopia

#BABC78

Tritanopia

#C58083

Achromatopsia

#A6A6A6

CSS Usage

background-color: #C7A366;
color: #C7A366;
border-color: #C7A366;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FAF8F4
100
#F4EFE6
200
#ECE0CB
300
#DEC9A5
400
#CCAC75
500
#BB8F44
600
#957237
700
#775B2C
800
#5D4722
900
#45361C
950
#2B2212

Contrast Checker

Text on white

2.37:1

AA Fail AAA Fail

Text on black

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