#834057

#834057

Color Values

HEX

#834057

RGB

131, 64, 87

HSL

339.4, 34.4%, 38.2%

HSV

339.4, 51.1%, 51.4%

CMYK

0.0%, 51.1%, 33.6%, 48.6%

OKLCH

0.4635 0.0956 359.7

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#834057

#40836C

Analogous

#834078

#834A40

#834057

Triadic

#834057

#578340

#405783

Split Complementary

#834057

#40834A

#407883

Tetradic

#834057

#788340

#40836C

#4A4083

Color Blindness Simulation

Original

#834057

Protanopia

#666551

Deuteranopia

#6A6F50

Tritanopia

#804D4C

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F2E8EC
200
#E8CFD7
300
#D7ADBB
400
#C18096
500
#AB5472
600
#89435B
700
#6E3649
800
#562A39
900
#3F212C
950
#28151C

Contrast Checker

Text on white

7.4:1

AA Pass AAA Pass

Text on black

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