#3F688D

#3F688D

Color Values

HEX

#3F688D

RGB

63, 104, 141

HSL

208.5, 38.2%, 40.0%

HSV

208.5, 55.3%, 55.3%

CMYK

55.3%, 26.2%, 0.0%, 44.7%

OKLCH

0.5034 0.0752 247.1

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#3F688D

#8D643F

Analogous

#3F8D8B

#3F418D

#3F688D

Triadic

#3F688D

#8D3F68

#688D3F

Split Complementary

#3F688D

#8D3F41

#8D8B3F

Tetradic

#3F688D

#8B3F8D

#8D643F

#418D3F

Color Blindness Simulation

Original

#3F688D

Protanopia

#515184

Deuteranopia

#4E4B82

Tritanopia

#417D7B

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CEDCE9
300
#AAC3D9
400
#7DA2C5
500
#4F82B0
600
#3F688D
700
#325371
800
#274158
900
#203141
950
#141F29

Contrast Checker

Text on white

5.87:1

AA Pass AAA Fail

Text on black

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