#340778

#340778

Color Values

HEX

#340778

RGB

52, 7, 120

HSL

263.9, 89.0%, 24.9%

HSV

263.9, 94.2%, 47.1%

CMYK

56.7%, 94.2%, 0.0%, 52.9%

OKLCH

0.303 0.1633 290.2

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#340778

#4B7807

Analogous

#071278

#6D0778

#340778

Triadic

#340778

#783407

#077834

Split Complementary

#340778

#786D07

#127807

Tetradic

#340778

#780712

#4B7807

#07786D

Color Blindness Simulation

Original

#340778

Protanopia

#21205D

Deuteranopia

#232656

Tritanopia

#324742

Achromatopsia

#191919

CSS Usage

background-color: #340778;
color: #340778;
border-color: #340778;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F6F2FD
100
#EAE0FB
200
#D5BCFB
300
#B78BF8
400
#904DF5
500
#680EF1
600
#540BC1
700
#43099A
800
#340778
900
#290A57
950
#1A0637

Contrast Checker

Text on white

14.51:1

AA Pass AAA Pass

Text on black

1.45:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026