#3F4087

#3F4087

Color Values

HEX

#3F4087

RGB

63, 64, 135

HSL

239.2, 36.4%, 38.8%

HSV

239.2, 53.3%, 52.9%

CMYK

53.3%, 52.6%, 0.0%, 47.1%

OKLCH

0.4097 0.1158 279.4

Properties

Cool Dark Nearest: royalblue 4

Color Harmonies

Complementary

#3F4087

#87863F

Analogous

#3F6487

#623F87

#3F4087

Triadic

#3F4087

#873F40

#40873F

Split Complementary

#3F4087

#87623F

#64873F

Tetradic

#3F4087

#873F64

#87863F

#3F8762

Color Blindness Simulation

Original

#3F4087

Protanopia

#3F3F76

Deuteranopia

#3F3F72

Tritanopia

#3F6865

Achromatopsia

#454545

CSS Usage

background-color: #3F4087;
color: #3F4087;
border-color: #3F4087;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5FA
100
#E8E8F3
200
#CECFE8
300
#ACACD8
400
#7E7FC3
500
#5152AE
600
#41428B
700
#34356F
800
#292957
900
#212140
950
#151529

Contrast Checker

Text on white

9.15:1

AA Pass AAA Pass

Text on black

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