#665347

#665347

Color Values

HEX

#665347

RGB

102, 83, 71

HSL

23.2, 17.9%, 33.9%

HSV

23.2, 30.4%, 40.0%

CMYK

0.0%, 18.6%, 30.4%, 60.0%

OKLCH

0.458 0.0317 54.0

Properties

Warm Dark Nearest: RAL 1035 Pearl Beige

Color Harmonies

Complementary

#665347

#475A66

Analogous

#66474A

#666247

#665347

Triadic

#665347

#476653

#534766

Split Complementary

#665347

#476662

#474A66

Tetradic

#665347

#4A6647

#475A66

#624766

Color Blindness Simulation

Original

#665347

Protanopia

#5E5E4A

Deuteranopia

#5F604B

Tritanopia

#654C4D

Achromatopsia

#565656

CSS Usage

background-color: #665347;
color: #665347;
border-color: #665347;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F9F7F6
100
#F0EDEA
200
#E2DAD5
300
#CDBFB7
400
#B29D90
500
#967A69
600
#786254
700
#604E43
800
#4B3D34
900
#382F29
950
#241D1A

Contrast Checker

Text on white

7.26:1

AA Pass AAA Pass

Text on black

2.89:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026