#663C1F

#663C1F

Color Values

HEX

#663C1F

RGB

102, 60, 31

HSL

24.5, 53.4%, 26.1%

HSV

24.5, 69.6%, 40.0%

CMYK

0.0%, 41.2%, 69.6%, 60.0%

OKLCH

0.4006 0.0728 53.6

Properties

Warm Dark Nearest: RAL 8003 Clay Brown

Color Harmonies

Complementary

#663C1F

#1F4966

Analogous

#661F26

#66601F

#663C1F

Triadic

#663C1F

#1F663C

#3C1F66

Split Complementary

#663C1F

#1F6660

#1F2666

Tetradic

#663C1F

#26661F

#1F4966

#601F66

Color Blindness Simulation

Original

#663C1F

Protanopia

#545326

Deuteranopia

#565928

Tritanopia

#642C2D

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FBF7F4
100
#F5ECE5
200
#EED8C8
300
#E2BCA1
400
#D3976E
500
#C4733B
600
#9C5C30
700
#7D4A26
800
#623A1E
900
#482C19
950
#2D1C10

Contrast Checker

Text on white

9.41:1

AA Pass AAA Pass

Text on black

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