#3F508D

#3F508D

Color Values

HEX

#3F508D

RGB

63, 80, 141

HSL

226.9, 38.2%, 40.0%

HSV

226.9, 55.3%, 55.3%

CMYK

55.3%, 43.3%, 0.0%, 44.7%

OKLCH

0.4478 0.1022 270.1

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#3F508D

#8D7C3F

Analogous

#3F778D

#553F8D

#3F508D

Triadic

#3F508D

#8D3F50

#508D3F

Split Complementary

#3F508D

#8D553F

#778D3F

Tetradic

#3F508D

#8D3F77

#8D7C3F

#3F8D55

Color Blindness Simulation

Original

#3F508D

Protanopia

#46477E

Deuteranopia

#45447B

Tritanopia

#407370

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E7EAF3
200
#CED4E9
300
#AAB5D9
400
#7D8CC5
500
#4F64B0
600
#3F508D
700
#324071
800
#273258
900
#202741
950
#141929

Contrast Checker

Text on white

7.65:1

AA Pass AAA Pass

Text on black

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