#1F2AE0

#1F2AE0

Color Values

HEX

#1F2AE0

RGB

31, 42, 224

HSL

236.6, 75.7%, 50.0%

HSV

236.6, 86.2%, 87.8%

CMYK

86.2%, 81.2%, 0.0%, 12.2%

OKLCH

0.4443 0.2605 267.4

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#1F2AE0

#E0D51F

Analogous

#1F8AE0

#751FE0

#1F2AE0

Triadic

#1F2AE0

#E01F2A

#2AE01F

Split Complementary

#1F2AE0

#E0751F

#8AE01F

Tetradic

#1F2AE0

#E01F8A

#E0D51F

#1FE075

Color Blindness Simulation

Original

#1F2AE0

Protanopia

#2424B4

Deuteranopia

#2322A9

Tritanopia

#20918A

Achromatopsia

#353535

CSS Usage

background-color: #1F2AE0;
color: #1F2AE0;
border-color: #1F2AE0;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F2F3FC
100
#E2E3F9
200
#C0C3F6
300
#9399F0
400
#5961E8
500
#1F2AE0
600
#1922B3
700
#141B8F
800
#0F1570
900
#0F1351
950
#0A0C33

Contrast Checker

Text on white

8.52:1

AA Pass AAA Pass

Text on black

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