#6F5153

#6F5153

Color Values

HEX

#6F5153

RGB

111, 81, 83

HSL

356.0, 15.6%, 37.6%

HSV

356.0, 27.0%, 43.5%

CMYK

0.0%, 27.0%, 25.2%, 56.5%

OKLCH

0.4674 0.0404 14.3

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#6F5153

#516F6D

Analogous

#6F5162

#6F5E51

#6F5153

Triadic

#6F5153

#536F51

#51536F

Split Complementary

#6F5153

#516F5E

#51626F

Tetradic

#6F5153

#626F51

#516F6D

#5E516F

Color Blindness Simulation

Original

#6F5153

Protanopia

#626253

Deuteranopia

#646652

Tritanopia

#6D5252

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#F8F6F6
100
#F0EBEB
200
#E1D6D6
300
#CBB8BA
400
#AF9294
500
#936C6E
600
#765658
700
#5E4547
800
#4A3637
900
#372A2B
950
#231A1B

Contrast Checker

Text on white

7.05:1

AA Pass AAA Pass

Text on black

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