#834790

#834790

Color Values

HEX

#834790

RGB

131, 71, 144

HSL

289.3, 34.0%, 42.2%

HSV

289.3, 50.7%, 56.5%

CMYK

9.0%, 50.7%, 0.0%, 43.5%

OKLCH

0.4997 0.1294 320.3

Properties

Cool Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#834790

#549047

Analogous

#5F4790

#904779

#834790

Triadic

#834790

#908347

#479083

Split Complementary

#834790

#799047

#47905F

Tetradic

#834790

#905F47

#549047

#477990

Color Blindness Simulation

Original

#834790

Protanopia

#69687E

Deuteranopia

#6C717A

Tritanopia

#80706D

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F9F5FA
100
#F0E8F2
200
#E3CFE7
300
#CFADD7
400
#B581C1
500
#9B54AB
600
#7C4389
700
#63366D
800
#4E2A55
900
#3A223F
950
#251528

Contrast Checker

Text on white

6.42:1

AA Pass AAA Fail

Text on black

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