#3F478D

#3F478D

Color Values

HEX

#3F478D

RGB

63, 71, 141

HSL

233.8, 38.2%, 40.0%

HSV

233.8, 55.3%, 55.3%

CMYK

55.3%, 49.6%, 0.0%, 44.7%

OKLCH

0.4284 0.1147 275.5

Properties

Cool Dark Nearest: royalblue 4

Color Harmonies

Complementary

#3F478D

#8D853F

Analogous

#3F6E8D

#5E3F8D

#3F478D

Triadic

#3F478D

#8D3F47

#478D3F

Split Complementary

#3F478D

#8D5E3F

#6E8D3F

Tetradic

#3F478D

#8D3F6E

#8D853F

#3F8D5E

Color Blindness Simulation

Original

#3F478D

Protanopia

#42437C

Deuteranopia

#424178

Tritanopia

#3F6F6C

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E9F3
200
#CED0E9
300
#AAAFD9
400
#7D84C5
500
#4F59B0
600
#3F478D
700
#323971
800
#272C58
900
#202341
950
#141629

Contrast Checker

Text on white

8.41:1

AA Pass AAA Pass

Text on black

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