#3F356E

#3F356E

Color Values

HEX

#3F356E

RGB

63, 53, 110

HSL

250.5, 35.0%, 32.0%

HSV

250.5, 51.8%, 43.1%

CMYK

42.7%, 51.8%, 0.0%, 56.9%

OKLCH

0.3696 0.0951 288.9

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#3F356E

#646E35

Analogous

#35486E

#5C356E

#3F356E

Triadic

#3F356E

#6E3F35

#356E3F

Split Complementary

#3F356E

#6E5C35

#486E35

Tetradic

#3F356E

#6E3548

#646E35

#356E5C

Color Blindness Simulation

Original

#3F356E

Protanopia

#3B3B60

Deuteranopia

#3B3C5D

Tritanopia

#3E5553

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#EAE8F2
200
#D3CFE8
300
#B4ACD7
400
#8B80C2
500
#6253AC
600
#4F428A
700
#3F356E
800
#312956
900
#272140
950
#181528

Contrast Checker

Text on white

10.79:1

AA Pass AAA Pass

Text on black

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