#340771

#340771

Color Values

HEX

#340771

RGB

52, 7, 113

HSL

265.5, 88.3%, 23.5%

HSV

265.5, 93.8%, 44.3%

CMYK

54.0%, 93.8%, 0.0%, 55.7%

OKLCH

0.2951 0.1558 292.5

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#340771

#447107

Analogous

#070F71

#690771

#340771

Triadic

#340771

#713407

#077134

Split Complementary

#340771

#716907

#0F7107

Tetradic

#340771

#71070F

#447107

#077169

Color Blindness Simulation

Original

#340771

Protanopia

#212057

Deuteranopia

#232651

Tritanopia

#32433F

Achromatopsia

#181818

CSS Usage

background-color: #340771;
color: #340771;
border-color: #340771;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F6F2FD
100
#EBE0FB
200
#D7BCFB
300
#BA8CF8
400
#944DF4
500
#6F0FF0
600
#580CC0
700
#470A9A
800
#370778
900
#2B0A57
950
#1B0637

Contrast Checker

Text on white

14.84:1

AA Pass AAA Pass

Text on black

1.41:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026