#834CF6

#834CF6

Color Values

HEX

#834CF6

RGB

131, 76, 246

HSL

259.4, 90.4%, 63.1%

HSV

259.4, 69.1%, 96.5%

CMYK

46.7%, 69.1%, 0.0%, 3.5%

OKLCH

0.5765 0.2378 292.1

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#834CF6

#BFF64C

Analogous

#4C6AF6

#D84CF6

#834CF6

Triadic

#834CF6

#F6834C

#4CF683

Split Complementary

#834CF6

#F6D84C

#6AF64C

Tetradic

#834CF6

#F64C6A

#BFF64C

#4CF6D8

Color Blindness Simulation

Original

#834CF6

Protanopia

#6B6BCD

Deuteranopia

#6E72C3

Tritanopia

#80ACA5

Achromatopsia

#646464

CSS Usage

background-color: #834CF6;
color: #834CF6;
border-color: #834CF6;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F5F1FD
100
#E8DFFB
200
#D0BBFC
300
#AE8AF9
400
#834BF6
500
#570CF3
600
#450AC2
700
#38089B
800
#2B0679
900
#230958
950
#160637

Contrast Checker

Text on white

4.85:1

AA Pass AAA Fail

Text on black

4.33:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026