#834C63

#834C63

Color Values

HEX

#834C63

RGB

131, 76, 99

HSL

334.9, 26.6%, 40.6%

HSV

334.9, 42.0%, 51.4%

CMYK

0.0%, 42.0%, 24.4%, 48.6%

OKLCH

0.488 0.08 353.9

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#834C63

#4C836C

Analogous

#834C7F

#83504C

#834C63

Triadic

#834C63

#63834C

#4C6383

Split Complementary

#834C63

#4C8350

#4C7F83

Tetradic

#834C63

#7F834C

#4C836C

#504C83

Color Blindness Simulation

Original

#834C63

Protanopia

#6B6B5D

Deuteranopia

#6E725C

Tritanopia

#805958

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F1E9EC
200
#E5D2DA
300
#D2B2BF
400
#BA889D
500
#A15E7A
600
#814B62
700
#673C4E
800
#512F3D
900
#3C252F
950
#26171D

Contrast Checker

Text on white

6.61:1

AA Pass AAA Fail

Text on black

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