#1F2C84

#1F2C84

Color Values

HEX

#1F2C84

RGB

31, 44, 132

HSL

232.3, 62.0%, 32.0%

HSV

232.3, 76.5%, 51.8%

CMYK

76.5%, 66.7%, 0.0%, 48.2%

OKLCH

0.3459 0.1469 270.1

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#1F2C84

#84771F

Analogous

#1F5F84

#451F84

#1F2C84

Triadic

#1F2C84

#841F2C

#2C841F

Split Complementary

#1F2C84

#84451F

#5F841F

Tetradic

#1F2C84

#841F5F

#84771F

#1F8445

Color Blindness Simulation

Original

#1F2C84

Protanopia

#25256F

Deuteranopia

#24236A

Tritanopia

#205E5A

Achromatopsia

#303030

CSS Usage

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

Tailwind Shades

50
#F3F4FB
100
#E4E6F7
200
#C5CBF1
300
#9CA6E8
400
#6675DB
500
#3045CF
600
#2737A5
700
#1F2C84
800
#182267
900
#151C4B
950
#0E1230

Contrast Checker

Text on white

11.99:1

AA Pass AAA Pass

Text on black

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