#3F80CE

#3F80CE

Color Values

HEX

#3F80CE

RGB

63, 128, 206

HSL

212.7, 59.3%, 52.7%

HSV

212.7, 69.4%, 80.8%

CMYK

69.4%, 37.9%, 0.0%, 19.2%

OKLCH

0.5948 0.137 254.5

Properties

Cool Light Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#3F80CE

#CE8D3F

Analogous

#3FC7CE

#453FCE

#3F80CE

Triadic

#3F80CE

#CE3F80

#80CE3F

Split Complementary

#3F80CE

#CE453F

#C7CE3F

Tetradic

#3F80CE

#CE3FC7

#CE8D3F

#3FCE45

Color Blindness Simulation

Original

#3F80CE

Protanopia

#5B5CBB

Deuteranopia

#5752B7

Tritanopia

#42ACA9

Achromatopsia

#787878

CSS Usage

background-color: #3F80CE;
color: #3F80CE;
border-color: #3F80CE;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F7FB
100
#E4ECF6
200
#C6D9F0
300
#9EBFE6
400
#699CD9
500
#3479CB
600
#2A61A2
700
#214D82
800
#1A3C66
900
#172E4A
950
#0E1D2F

Contrast Checker

Text on white

4.05:1

AA Fail AAA Fail

Text on black

5.19:1

AA Pass 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