#834DA4

#834DA4

Color Values

HEX

#834DA4

RGB

131, 77, 164

HSL

277.2, 36.1%, 47.3%

HSV

277.2, 53.0%, 64.3%

CMYK

20.1%, 53.0%, 0.0%, 35.7%

OKLCH

0.5204 0.1418 311.1

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#834DA4

#6EA44D

Analogous

#584DA4

#A44D9A

#834DA4

Triadic

#834DA4

#A4834D

#4DA483

Split Complementary

#834DA4

#9AA44D

#4DA458

Tetradic

#834DA4

#A4584D

#6EA44D

#4D9AA4

Color Blindness Simulation

Original

#834DA4

Protanopia

#6C6B8F

Deuteranopia

#6F738A

Tritanopia

#807E7B

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EEE8F3
200
#DECEE8
300
#C7ACD8
400
#A97FC3
500
#8B51AE
600
#6F418B
700
#59346F
800
#452957
900
#342140
950
#211529

Contrast Checker

Text on white

5.89:1

AA Pass AAA Fail

Text on black

3.56:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026