#834EB4

#834EB4

Color Values

HEX

#834EB4

RGB

131, 78, 180

HSL

271,2, 40,5%, 50,6%

HSV

271,2, 56,7%, 70,6%

CMYK

27,2%, 56,7%, 0,0%, 29,4%

OKLCH

0,5316 0,1592 305,6

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#834EB4

#7FB44E

Analogous

#504EB4

#B44EB2

#834EB4

Triadic

#834EB4

#B4834E

#4EB483

Split Complementary

#834EB4

#B2B44E

#4EB450

Tetradic

#834EB4

#B4504E

#7FB44E

#4EB2B4

Color Blindness Simulation

Original

#834EB4

Protanopia

#6C6C9B

Deuteranopia

#6F7395

Tritanopia

#808884

Achromatopsia

#616161

CSS Usage

background-color: #834EB4;
color: #834EB4;
border-color: #834EB4;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F7F5FA
100
#EDE7F3
200
#DCCDEA
300
#C3A9DB
400
#A27AC7
500
#824CB3
600
#683D8F
700
#533173
800
#41265A
900
#311F42
950
#1F132A

Contrast Checker

Text on white

5,65:1

AA Pass AAA Fail

Text on black

3,71: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