#3F36AB

#3F36AB

Color Values

HEX

#3F36AB

RGB

63, 54, 171

HSL

244.6, 52.0%, 44.1%

HSV

244.6, 68.4%, 67.1%

CMYK

63.2%, 68.4%, 0.0%, 32.9%

OKLCH

0.4214 0.179 278.9

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#3F36AB

#A2AB36

Analogous

#3667AB

#7936AB

#3F36AB

Triadic

#3F36AB

#AB3F36

#36AB3F

Split Complementary

#3F36AB

#AB7936

#67AB36

Tetradic

#3F36AB

#AB3667

#A2AB36

#36AB79

Color Blindness Simulation

Original

#3F36AB

Protanopia

#3B3B8F

Deuteranopia

#3C3C88

Tritanopia

#3F7873

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E6E5F5
200
#CCC9EE
300
#A7A2E2
400
#7770D2
500
#473DC2
600
#39319B
700
#2E277C
800
#241F61
900
#1D1A47
950
#12102D

Contrast Checker

Text on white

9.02:1

AA Pass AAA Pass

Text on black

2.33:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026