#864258

#864258

Color Values

HEX

#864258

RGB

134, 66, 88

HSL

340.6, 34.0%, 39.2%

HSV

340.6, 50.7%, 52.5%

CMYK

0.0%, 50.7%, 34.3%, 47.5%

OKLCH

0.4714 0.0961 0.9

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#864258

#428670

Analogous

#86427A

#864E42

#864258

Triadic

#864258

#588642

#425886

Split Complementary

#864258

#42864E

#427A86

Tetradic

#864258

#7A8642

#428670

#4E4286

Color Blindness Simulation

Original

#864258

Protanopia

#696853

Deuteranopia

#6C7251

Tritanopia

#834E4E

Achromatopsia

#525252

CSS Usage

background-color: #864258;
color: #864258;
border-color: #864258;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FAF5F7
100
#F2E8EB
200
#E7CFD7
300
#D7ADBA
400
#C18195
500
#AB5470
600
#89435A
700
#6D3648
800
#552A38
900
#3F222B
950
#28151B

Contrast Checker

Text on white

7.16:1

AA Pass AAA Pass

Text on black

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