#865C70

#865C70

Color Values

HEX

#865C70

RGB

134, 92, 112

HSL

331.4, 18.6%, 44.3%

HSV

331.4, 31.3%, 52.5%

CMYK

0.0%, 31.3%, 16.4%, 47.5%

OKLCH

0.5259 0.0616 349.3

Properties

Warm Dark Nearest: pink 4

Color Harmonies

Complementary

#865C70

#5C8672

Analogous

#865C85

#865D5C

#865C70

Triadic

#865C70

#70865C

#5C7086

Split Complementary

#865C70

#5C865D

#5C8586

Tetradic

#865C70

#85865C

#5C8672

#5D5C86

Color Blindness Simulation

Original

#865C70

Protanopia

#74736B

Deuteranopia

#76796A

Tritanopia

#846766

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F0EAED
200
#E2D5DB
300
#CDB6C1
400
#B28FA0
500
#97687E
600
#795365
700
#614251
800
#4C343F
900
#392830
950
#24191E

Contrast Checker

Text on white

5.56:1

AA Pass AAA Fail

Text on black

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