#2F5EFF

#2F5EFF

Color Values

HEX

#2F5EFF

RGB

47, 94, 255

HSL

226.4, 100.0%, 59.2%

HSV

226.4, 81.6%, 100.0%

CMYK

81.6%, 63.1%, 0.0%, 0.0%

OKLCH

0.5571 0.2436 265.8

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#2F5EFF

#FFD02F

Analogous

#2FC6FF

#682FFF

#2F5EFF

Triadic

#2F5EFF

#FF2F5E

#5EFF2F

Split Complementary

#2F5EFF

#FF682F

#C6FF2F

Tetradic

#2F5EFF

#FF2FC6

#FFD02F

#2FFF68

Color Blindness Simulation

Original

#2F5EFF

Protanopia

#4344D8

Deuteranopia

#413DCF

Tritanopia

#31B9B3

Achromatopsia

#606060

CSS Usage

background-color: #2F5EFF;
color: #2F5EFF;
border-color: #2F5EFF;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F1F4FE
100
#DEE5FC
200
#B8C8FF
300
#85A0FF
400
#426DFF
500
#003AFF
600
#002ECC
700
#0025A3
800
#001D80
900
#05195C
950
#03103A

Contrast Checker

Text on white

5.04:1

AA Pass AAA Fail

Text on black

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