#66362F

#66362F

Color Values

HEX

#66362F

RGB

102, 54, 47

HSL

7.6, 36.9%, 29.2%

HSV

7.6, 53.9%, 40.0%

CMYK

0.0%, 47.1%, 53.9%, 60.0%

OKLCH

0.392 0.0702 29.3

Properties

Warm Dark Nearest: RAL 8015 Chestnut Brown

Color Harmonies

Complementary

#66362F

#2F5F66

Analogous

#662F43

#66512F

#66362F

Triadic

#66362F

#2F6636

#362F66

Split Complementary

#66362F

#2F6651

#2F4366

Tetradic

#66362F

#43662F

#2F5F66

#512F66

Color Blindness Simulation

Original

#66362F

Protanopia

#515131

Deuteranopia

#545831

Tritanopia

#643232

Achromatopsia

#404040

CSS Usage

background-color: #66362F;
color: #66362F;
border-color: #66362F;
Nearest Tailwind: Orange 950 #431407

Tailwind Shades

50
#FAF6F5
100
#F3E9E8
200
#E8D1CE
300
#D8B1AB
400
#C3877E
500
#AF5C50
600
#8C4A40
700
#703B33
800
#572E28
900
#412420
950
#291714

Contrast Checker

Text on white

9.84:1

AA Pass AAA Pass

Text on black

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