#340770

#340770

Color Values

HEX

#340770

RGB

52, 7, 112

HSL

265.7, 88.2%, 23.3%

HSV

265.7, 93.8%, 43.9%

CMYK

53.6%, 93.8%, 0.0%, 56.1%

OKLCH

0.294 0.1548 292.8

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#340770

#437007

Analogous

#070F70

#680770

#340770

Triadic

#340770

#703407

#077034

Split Complementary

#340770

#706807

#0F7007

Tetradic

#340770

#70070F

#437007

#077068

Color Blindness Simulation

Original

#340770

Protanopia

#212057

Deuteranopia

#232650

Tritanopia

#32433E

Achromatopsia

#181818

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#EBE0FB
200
#D7BCFB
300
#BA8CF8
400
#954DF4
500
#6F0FF0
600
#590CC0
700
#470A9A
800
#380878
900
#2B0A57
950
#1B0637

Contrast Checker

Text on white

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