#834D85

#834D85

Color Values

HEX

#834D85

RGB

131, 77, 133

HSL

297.9, 26.7%, 41.2%

HSV

297.9, 42.1%, 52.2%

CMYK

1.5%, 42.1%, 0.0%, 47.8%

OKLCH

0.5039 0.1068 325.7

Properties

Cool Dark Nearest: Razzmic Berry

Color Harmonies

Complementary

#834D85

#4F854D

Analogous

#674D85

#854D6B

#834D85

Triadic

#834D85

#85834D

#4D8583

Split Complementary

#834D85

#6B854D

#4D8567

Tetradic

#834D85

#85674D

#4F854D

#4D6B85

Color Blindness Simulation

Original

#834D85

Protanopia

#6C6B77

Deuteranopia

#6F7374

Tritanopia

#806D6A

Achromatopsia

#5D5D5D

CSS Usage

background-color: #834D85;
color: #834D85;
border-color: #834D85;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#F9F6F9
100
#F1E9F1
200
#E4D2E5
300
#D1B1D2
400
#B887BA
500
#9F5DA2
600
#7F4B81
700
#663C67
800
#502F51
900
#3B253C
950
#251726

Contrast Checker

Text on white

6.24:1

AA Pass AAA Fail

Text on black

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