#1F5CE0

#1F5CE0

Color Values

HEX

#1F5CE0

RGB

31, 92, 224

HSL

221.0, 75.7%, 50.0%

HSV

221.0, 86.2%, 87.8%

CMYK

86.2%, 58.9%, 0.0%, 12.2%

OKLCH

0.5219 0.2106 262.7

Properties

Cool Dark Nearest: royalblue 2

Color Harmonies

Complementary

#1F5CE0

#E0A31F

Analogous

#1FBDE0

#421FE0

#1F5CE0

Triadic

#1F5CE0

#E01F5C

#5CE01F

Split Complementary

#1F5CE0

#E0421F

#BDE01F

Tetradic

#1F5CE0

#E01FBD

#E0A31F

#1FE042

Color Blindness Simulation

Original

#1F5CE0

Protanopia

#393AC0

Deuteranopia

#3631B8

Tritanopia

#22A7A1

Achromatopsia

#595959

CSS Usage

background-color: #1F5CE0;
color: #1F5CE0;
border-color: #1F5CE0;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F2F6FC
100
#E2E9F9
200
#C0D1F6
300
#93B1F0
400
#5986E8
500
#1F5CE0
600
#194AB3
700
#143B8F
800
#0F2E70
900
#0F2451
950
#0A1733

Contrast Checker

Text on white

5.73:1

AA Pass AAA Fail

Text on black

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