#663B1F

#663B1F

Color Values

HEX

#663B1F

RGB

102, 59, 31

HSL

23.7, 53.4%, 26.1%

HSV

23.7, 69.6%, 40.0%

CMYK

0.0%, 42.2%, 69.6%, 60.0%

OKLCH

0.3986 0.0734 52.2

Properties

Warm Dark Nearest: RAL 8003 Clay Brown

Color Harmonies

Complementary

#663B1F

#1F4A66

Analogous

#661F26

#665F1F

#663B1F

Triadic

#663B1F

#1F663B

#3B1F66

Split Complementary

#663B1F

#1F665F

#1F2666

Tetradic

#663B1F

#26661F

#1F4A66

#5F1F66

Color Blindness Simulation

Original

#663B1F

Protanopia

#535326

Deuteranopia

#565927

Tritanopia

#642B2C

Achromatopsia

#424242

CSS Usage

background-color: #663B1F;
color: #663B1F;
border-color: #663B1F;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FBF7F4
100
#F5EBE5
200
#EED7C8
300
#E2BBA1
400
#D3966E
500
#C4713B
600
#9C5B30
700
#7D4826
800
#62391E
900
#482C19
950
#2D1C10

Contrast Checker

Text on white

9.5:1

AA Pass AAA Pass

Text on black

2.21:1

AA Fail 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