#1F2F85

#1F2F85

Color Values

HEX

#1F2F85

RGB

31, 47, 133

HSL

230.6, 62.2%, 32.2%

HSV

230.6, 76.7%, 52.2%

CMYK

76.7%, 64.7%, 0.0%, 47.8%

OKLCH

0.3526 0.1446 269.2

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#1F2F85

#85751F

Analogous

#1F6285

#421F85

#1F2F85

Triadic

#1F2F85

#851F2F

#2F851F

Split Complementary

#1F2F85

#85421F

#62851F

Tetradic

#1F2F85

#851F62

#85751F

#1F8542

Color Blindness Simulation

Original

#1F2F85

Protanopia

#262670

Deuteranopia

#25246B

Tritanopia

#20605C

Achromatopsia

#323232

CSS Usage

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

Tailwind Shades

50
#F3F5FB
100
#E4E7F7
200
#C5CCF2
300
#9CA8E8
400
#6678DB
500
#3049CF
600
#273AA5
700
#1F2F84
800
#182567
900
#151E4C
950
#0D1330

Contrast Checker

Text on white

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