#834C80

#834C80

Color Values

HEX

#834C80

RGB

131, 76, 128

HSL

303.3, 26.6%, 40.6%

HSV

303.3, 42.0%, 51.4%

CMYK

0.0%, 42.0%, 2.3%, 48.6%

OKLCH

0.4998 0.1035 329.0

Properties

Warm Dark Nearest: Razzmic Berry

Color Harmonies

Complementary

#834C80

#4C834F

Analogous

#6B4C83

#834C65

#834C80

Triadic

#834C80

#80834C

#4C8083

Split Complementary

#834C80

#65834C

#4C836B

Tetradic

#834C80

#836B4C

#4C834F

#4C6583

Color Blindness Simulation

Original

#834C80

Protanopia

#6B6B73

Deuteranopia

#6E7270

Tritanopia

#806967

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F9F6F9
100
#F1E9F1
200
#E5D2E4
300
#D2B2D0
400
#BA88B7
500
#A15E9E
600
#814B7E
700
#673C65
800
#512F4F
900
#3C253B
950
#261725

Contrast Checker

Text on white

6.34:1

AA Pass AAA Fail

Text on black

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