#3F648D

#3F648D

Color Values

HEX

#3F648D

RGB

63, 100, 141

HSL

211.5, 38.2%, 40.0%

HSV

211.5, 55.3%, 55.3%

CMYK

55.3%, 29.1%, 0.0%, 44.7%

OKLCH

0.4938 0.0786 252.0

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#3F648D

#8D683F

Analogous

#3F8B8D

#413F8D

#3F648D

Triadic

#3F648D

#8D3F64

#648D3F

Split Complementary

#3F648D

#8D413F

#8B8D3F

Tetradic

#3F648D

#8D3F8B

#8D683F

#3F8D41

Color Blindness Simulation

Original

#3F648D

Protanopia

#4F4F83

Deuteranopia

#4D4A81

Tritanopia

#417B7A

Achromatopsia

#5F5F5F

CSS Usage

background-color: #3F648D;
color: #3F648D;
border-color: #3F648D;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CEDBE9
300
#AAC1D9
400
#7D9FC5
500
#4F7DB0
600
#3F648D
700
#325071
800
#273F58
900
#203041
950
#141E29

Contrast Checker

Text on white

6.14:1

AA Pass AAA Fail

Text on black

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