#834566

#834566

Color Values

HEX

#834566

RGB

131, 69, 102

HSL

328.1, 31.0%, 39.2%

HSV

328.1, 47.3%, 51.4%

CMYK

0.0%, 47.3%, 22.1%, 48.6%

OKLCH

0.4771 0.0946 348.1

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#834566

#458362

Analogous

#814583

#834547

#834566

Triadic

#834566

#668345

#456683

Split Complementary

#834566

#478345

#458381

Tetradic

#834566

#838145

#458362

#454783

Color Blindness Simulation

Original

#834566

Protanopia

#68685E

Deuteranopia

#6C705C

Tritanopia

#805856

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#F9F5F7
100
#F2E8ED
200
#E6D0DC
300
#D5AFC3
400
#BE83A3
500
#A75882
600
#864668
700
#6B3853
800
#542C41
900
#3E2331
950
#27161F

Contrast Checker

Text on white

6.98:1

AA Pass AAA Fail

Text on black

3.01:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026