#340976

#340976

Color Values

HEX

#340976

RGB

52, 9, 118

HSL

263.7, 85.8%, 24.9%

HSV

263.7, 92.4%, 46.3%

CMYK

55.9%, 92.4%, 0.0%, 53.7%

OKLCH

0.3022 0.1599 290.6

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#340976

#4B7609

Analogous

#091476

#6B0976

#340976

Triadic

#340976

#763409

#097634

Split Complementary

#340976

#766B09

#147609

Tetradic

#340976

#760914

#4B7609

#09766B

Color Blindness Simulation

Original

#340976

Protanopia

#21215C

Deuteranopia

#242755

Tritanopia

#324742

Achromatopsia

#1A1A1A

CSS Usage

background-color: #340976;
color: #340976;
border-color: #340976;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F6F2FD
100
#EAE0FA
200
#D5BDFA
300
#B78DF6
400
#9050F2
500
#6912ED
600
#540EBE
700
#430C98
800
#340976
900
#290B56
950
#1A0736

Contrast Checker

Text on white

14.52:1

AA Pass AAA Pass

Text on black

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