#665223

#665223

Color Values

HEX

#665223

RGB

102, 82, 35

HSL

42.1, 48.9%, 26.9%

HSV

42.1, 65.7%, 40.0%

CMYK

0.0%, 19.6%, 65.7%, 60.0%

OKLCH

0.4487 0.0696 86.2

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#665223

#233766

Analogous

#663123

#596623

#665223

Triadic

#665223

#236652

#522366

Split Complementary

#665223

#235966

#312366

Tetradic

#665223

#236631

#233766

#662359

Color Blindness Simulation

Original

#665223

Protanopia

#5D5D2E

Deuteranopia

#5E6031

Tritanopia

#653739

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#FBF9F4
100
#F5F0E6
200
#EDE2CA
300
#E0CEA4
400
#CFB373
500
#BE9941
600
#987A34
700
#7A622A
800
#5F4C21
900
#46391B
950
#2C2411

Contrast Checker

Text on white

7.51:1

AA Pass AAA Pass

Text on black

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