#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

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026