#1F25B4

#1F25B4

Color Values

HEX

#1F25B4

RGB

31, 37, 180

HSL

237.6, 70.6%, 41.4%

HSV

237.6, 82.8%, 70.6%

CMYK

82.8%, 79.4%, 0.0%, 29.4%

OKLCH

0.387 0.215 269.1

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#1F25B4

#B4AE1F

Analogous

#1F70B4

#641FB4

#1F25B4

Triadic

#1F25B4

#B41F25

#25B41F

Split Complementary

#1F25B4

#B4641F

#70B41F

Tetradic

#1F25B4

#B41F70

#B4AE1F

#1FB464

Color Blindness Simulation

Original

#1F25B4

Protanopia

#222291

Deuteranopia

#212189

Tritanopia

#1F7670

Achromatopsia

#2E2E2E

CSS Usage

background-color: #1F25B4;
color: #1F25B4;
border-color: #1F25B4;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F3F3FC
100
#E2E3F8
200
#C2C4F5
300
#979AED
400
#5E63E3
500
#252DDA
600
#1E24AE
700
#181D8B
800
#13166D
900
#12144F
950
#0B0D32

Contrast Checker

Text on white

10.6:1

AA Pass AAA Pass

Text on black

1.98:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026