#3F2DB0

#3F2DB0

Color Values

HEX

#3F2DB0

RGB

63, 45, 176

HSL

248.2, 59.3%, 43.3%

HSV

248.2, 74.4%, 69.0%

CMYK

64.2%, 74.4%, 0.0%, 31.0%

OKLCH

0.413 0.1951 279.8

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#3F2DB0

#9EB02D

Analogous

#2D5DB0

#802DB0

#3F2DB0

Triadic

#3F2DB0

#B03F2D

#2DB03F

Split Complementary

#3F2DB0

#B0802D

#5DB02D

Tetradic

#3F2DB0

#B02D5D

#9EB02D

#2DB080

Color Blindness Simulation

Original

#3F2DB0

Protanopia

#373790

Deuteranopia

#383A89

Tritanopia

#3E7772

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#F5F3FB
100
#E7E4F6
200
#CCC6F0
300
#A79EE6
400
#7869D9
500
#4934CB
600
#3A2AA2
700
#2E2182
800
#241A66
900
#1E174A
950
#130E2F

Contrast Checker

Text on white

9.49:1

AA Pass AAA Pass

Text on black

2.21:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026