#3A366D

#3A366D

Color Values

HEX

#3A366D

RGB

58, 54, 109

HSL

244.4, 33.7%, 32.0%

HSV

244.4, 50.5%, 42.7%

CMYK

46.8%, 50.5%, 0.0%, 57.3%

OKLCH

0.3663 0.0923 284.2

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#3A366D

#696D36

Analogous

#364E6D

#56366D

#3A366D

Triadic

#3A366D

#6D3A36

#366D3A

Split Complementary

#3A366D

#6D5636

#4E6D36

Tetradic

#3A366D

#6D364E

#696D36

#366D56

Color Blindness Simulation

Original

#3A366D

Protanopia

#383860

Deuteranopia

#38395C

Tritanopia

#3A5553

Achromatopsia

#3B3B3B

CSS Usage

background-color: #3A366D;
color: #3A366D;
border-color: #3A366D;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F5F5FA
100
#E9E8F2
200
#D1CFE7
300
#B0ADD6
400
#8681C0
500
#5B55AA
600
#494488
700
#3A366D
800
#2D2A55
900
#24223F
950
#171528

Contrast Checker

Text on white

10.89:1

AA Pass AAA Pass

Text on black

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