#39347F

#39347F

Color Values

HEX

#39347F

RGB

57, 52, 127

HSL

244,0, 41,9%, 35,1%

HSV

244,0, 59,1%, 49,8%

CMYK

55,1%, 59,1%, 0,0%, 50,2%

OKLCH

0,3749 0,1226 281,7

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#39347F

#7A7F34

Analogous

#34557F

#5F347F

#39347F

Triadic

#39347F

#7F3934

#347F39

Split Complementary

#39347F

#7F5F34

#557F34

Tetradic

#39347F

#7F3455

#7A7F34

#347F5F

Color Blindness Simulation

Original

#39347F

Protanopia

#37376D

Deuteranopia

#373868

Tritanopia

#395F5B

Achromatopsia

#3A3A3A

CSS Usage

background-color: #39347F;
color: #39347F;
border-color: #39347F;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F5F5FA
100
#E8E7F4
200
#CECCEA
300
#ACA8DB
400
#7E79C8
500
#514AB5
600
#413B91
700
#342F74
800
#29255A
900
#211E43
950
#15132A

Contrast Checker

Text on white

10,65:1

AA Pass AAA Pass

Text on black

1,97: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