#C6A265

#C6A265

Color Values

HEX

#C6A265

RGB

198, 162, 101

HSL

37.7, 46.0%, 58.6%

HSV

37.7, 49.0%, 77.6%

CMYK

0.0%, 18.2%, 49.0%, 22.4%

OKLCH

0.7314 0.0897 79.8

Properties

Warm Light Nearest: RAL 1002 Sand Yellow

Color Harmonies

Complementary

#C6A265

#6589C6

Analogous

#C67165

#BAC665

#C6A265

Triadic

#C6A265

#65C6A2

#A265C6

Split Complementary

#C6A265

#65BAC6

#7165C6

Tetradic

#C6A265

#65C671

#6589C6

#C665BA

Color Blindness Simulation

Original

#C6A265

Protanopia

#B6B674

Deuteranopia

#B8BB77

Tritanopia

#C47F82

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

2.4:1

AA Fail AAA Fail

Text on black

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