#A66728

#A66728

Color Values

HEX

#A66728

RGB

166, 103, 40

HSL

30.0, 61.2%, 40.4%

HSV

30.0, 75.9%, 65.1%

CMYK

0.0%, 38.0%, 75.9%, 34.9%

OKLCH

0.5716 0.1113 61.8

Properties

Warm Light Nearest: RAL 8001 Ochre Brown

Color Harmonies

Complementary

#A66728

#2867A6

Analogous

#A62828

#A6A628

#A66728

Triadic

#A66728

#28A667

#6728A6

Split Complementary

#A66728

#28A6A6

#2828A6

Tetradic

#A66728

#28A628

#2867A6

#A628A6

Color Blindness Simulation

Original

#A66728

Protanopia

#8B8A37

Deuteranopia

#8E933B

Tritanopia

#A34346

Achromatopsia

#707070

CSS Usage

background-color: #A66728;
color: #A66728;
border-color: #A66728;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FBF7F3
100
#F6EDE4
200
#F1DBC5
300
#E7C29C
400
#DAA167
500
#CE8031
600
#A46628
700
#845220
800
#674019
900
#4B3016
950
#2F1F0E

Contrast Checker

Text on white

4.57:1

AA Pass AAA Fail

Text on black

4.59:1

AA Pass AAA Fail

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