#864F63

#864F63

Color Values

HEX

#864F63

RGB

134, 79, 99

HSL

338.2, 25.8%, 41.8%

HSV

338.2, 41.0%, 52.5%

CMYK

0.0%, 41.0%, 26.1%, 47.5%

OKLCH

0.4973 0.0781 357.0

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#864F63

#4F8672

Analogous

#864F7F

#86574F

#864F63

Triadic

#864F63

#63864F

#4F6386

Split Complementary

#864F63

#4F8657

#4F7F86

Tetradic

#864F63

#7F864F

#4F8672

#574F86

Color Blindness Simulation

Original

#864F63

Protanopia

#6E6E5E

Deuteranopia

#71765D

Tritanopia

#835A5A

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F1E9EC
200
#E5D2D9
300
#D2B2BD
400
#B9889A
500
#A05F77
600
#804C5F
700
#673D4C
800
#502F3B
900
#3C252D
950
#26171D

Contrast Checker

Text on white

6.34:1

AA Pass AAA Fail

Text on black

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