#1F2F84

#1F2F84

Color Values

HEX

#1F2F84

RGB

31, 47, 132

HSL

230.5, 62.0%, 32.0%

HSV

230.5, 76.5%, 51.8%

CMYK

76.5%, 64.4%, 0.0%, 48.2%

OKLCH

0.3516 0.1432 269.2

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#1F2F84

#84741F

Analogous

#1F6284

#421F84

#1F2F84

Triadic

#1F2F84

#841F2F

#2F841F

Split Complementary

#1F2F84

#84421F

#62841F

Tetradic

#1F2F84

#841F62

#84741F

#1F8442

Color Blindness Simulation

Original

#1F2F84

Protanopia

#26266F

Deuteranopia

#25246A

Tritanopia

#205F5C

Achromatopsia

#323232

CSS Usage

background-color: #1F2F84;
color: #1F2F84;
border-color: #1F2F84;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F3F5FB
100
#E4E7F7
200
#C5CCF1
300
#9CA8E8
400
#6679DB
500
#3049CF
600
#273BA5
700
#1F2F84
800
#182567
900
#151E4B
950
#0E1330

Contrast Checker

Text on white

11.68:1

AA Pass AAA Pass

Text on black

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