#3F5CF2

#3F5CF2

Color Values

HEX

#3F5CF2

RGB

63, 92, 242

HSL

230.3, 87.3%, 59.8%

HSV

230.3, 74.0%, 94.9%

CMYK

74.0%, 62.0%, 0.0%, 5.1%

OKLCH

0.5485 0.2259 269.0

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#3F5CF2

#F2D53F

Analogous

#3FB5F2

#7C3FF2

#3F5CF2

Triadic

#3F5CF2

#F23F5C

#5CF23F

Split Complementary

#3F5CF2

#F27C3F

#B5F23F

Tetradic

#3F5CF2

#F23FB5

#F2D53F

#3FF27C

Color Blindness Simulation

Original

#3F5CF2

Protanopia

#4C4CCE

Deuteranopia

#4A48C5

Tritanopia

#40B1AB

Achromatopsia

#616161

CSS Usage

background-color: #3F5CF2;
color: #3F5CF2;
border-color: #3F5CF2;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F2F4FD
100
#E0E4FA
200
#BCC6FA
300
#8C9EF7
400
#4E69F3
500
#1034EF
600
#0D2ABF
700
#0A2199
800
#081A77
900
#0A1757
950
#070E37

Contrast Checker

Text on white

5.22:1

AA Pass AAA Fail

Text on black

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