#865766

#865766

Color Values

HEX

#865766

RGB

134, 87, 102

HSL

340.9, 21.3%, 43.3%

HSV

340.9, 35.1%, 52.5%

CMYK

0.0%, 35.1%, 23.9%, 47.5%

OKLCH

0.513 0.0653 359.0

Properties

Warm Dark Nearest: lightpink 4

Color Harmonies

Complementary

#865766

#578677

Analogous

#86577D

#865F57

#865766

Triadic

#865766

#668657

#576686

Split Complementary

#865766

#57865F

#577D86

Tetradic

#865766

#7D8657

#578677

#5F5786

Color Blindness Simulation

Original

#865766

Protanopia

#727162

Deuteranopia

#747861

Tritanopia

#84605F

Achromatopsia

#626262

CSS Usage

background-color: #865766;
color: #865766;
border-color: #865766;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F9F6F7
100
#F0EAEC
200
#E3D4D9
300
#CFB5BD
400
#B58D99
500
#9B6476
600
#7C505E
700
#63404B
800
#4D323B
900
#3A272D
950
#24191C

Contrast Checker

Text on white

5.88:1

AA Pass AAA Fail

Text on black

3.57:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026