#834169

#834169

Color Values

HEX

#834169

RGB

131, 65, 105

HSL

323.6, 33.7%, 38.4%

HSV

323.6, 50.4%, 51.4%

CMYK

0.0%, 50.4%, 19.8%, 48.6%

OKLCH

0.4718 0.1039 344.6

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#834169

#41835B

Analogous

#7C4183

#834148

#834169

Triadic

#834169

#698341

#416983

Split Complementary

#834169

#488341

#41837C

Tetradic

#834169

#837C41

#41835B

#414883

Color Blindness Simulation

Original

#834169

Protanopia

#66665F

Deuteranopia

#6A6F5D

Tritanopia

#805856

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F2E8EE
200
#E7CFDE
300
#D6ADC6
400
#C081A7
500
#AA5589
600
#88446D
700
#6D3657
800
#552A44
900
#3F2234
950
#281521

Contrast Checker

Text on white

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