#2F5AF6

#2F5AF6

Color Values

HEX

#2F5AF6

RGB

47, 90, 246

HSL

227.0, 91.7%, 57.5%

HSV

227.0, 80.9%, 96.5%

CMYK

80.9%, 63.4%, 0.0%, 3.5%

OKLCH

0.5421 0.237 266.2

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#2F5AF6

#F6CB2F

Analogous

#2FBEF6

#682FF6

#2F5AF6

Triadic

#2F5AF6

#F62F5A

#5AF62F

Split Complementary

#2F5AF6

#F6682F

#BEF62F

Tetradic

#2F5AF6

#F62FBE

#F6CB2F

#2FF668

Color Blindness Simulation

Original

#2F5AF6

Protanopia

#4242D0

Deuteranopia

#3F3CC7

Tritanopia

#31B2AC

Achromatopsia

#5C5C5C

CSS Usage

background-color: #2F5AF6;
color: #2F5AF6;
border-color: #2F5AF6;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F1F4FD
100
#DFE5FB
200
#BBC9FC
300
#8AA2FA
400
#4A70F7
500
#0B3DF4
600
#0831C4
700
#07279C
800
#051F7A
900
#081A58
950
#051038

Contrast Checker

Text on white

5.37:1

AA Pass AAA Fail

Text on black

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