#3F309C

#3F309C

Color Values

HEX

#3F309C

RGB

63, 48, 156

HSL

248,3, 52,9%, 40,0%

HSV

248,3, 69,2%, 61,2%

CMYK

59,6%, 69,2%, 0,0%, 38,8%

OKLCH

0,3981 0,1668 282,0

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#3F309C

#8D9C30

Analogous

#30579C

#75309C

#3F309C

Triadic

#3F309C

#9C3F30

#309C3F

Split Complementary

#3F309C

#9C7530

#579C30

Tetradic

#3F309C

#9C3057

#8D9C30

#309C75

Color Blindness Simulation

Original

#3F309C

Protanopia

#393882

Deuteranopia

#393A7C

Tritanopia

#3E6D69

Achromatopsia

#3B3B3B

CSS Usage

background-color: #3F309C;
color: #3F309C;
border-color: #3F309C;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F5F4FB
100
#E7E5F5
200
#CEC8EE
300
#AAA1E2
400
#7D6FD3
500
#4F3CC3
600
#3F309C
700
#32267D
800
#271E61
900
#201948
950
#14102D

Contrast Checker

Text on white

9,93:1

AA Pass AAA Pass

Text on black

2,11:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Fév 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Fév 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Fév 20, 2026