#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

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026