#834688

#834688

Color Values

HEX

#834688

RGB

131, 70, 136

HSL

295.5, 32.0%, 40.4%

HSV

295.5, 48.5%, 53.3%

CMYK

3.7%, 48.5%, 0.0%, 46.7%

OKLCH

0.494 0.1227 324.4

Properties

Cool Dark Nearest: orchid 4

Color Harmonies

Complementary

#834688

#4B8846

Analogous

#624688

#88466C

#834688

Triadic

#834688

#888346

#468883

Split Complementary

#834688

#6C8846

#468862

Tetradic

#834688

#886246

#4B8846

#466C88

Color Blindness Simulation

Original

#834688

Protanopia

#696878

Deuteranopia

#6C7174

Tritanopia

#806B69

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#F9F5F9
100
#F1E8F2
200
#E5D0E7
300
#D2AED5
400
#BA82BF
500
#A257A8
600
#824587
700
#68376C
800
#512B54
900
#3C223E
950
#261627

Contrast Checker

Text on white

6.57:1

AA Pass AAA Fail

Text on black

3.2:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026