#1F87EF

#1F87EF

Color Values

HEX

#1F87EF

RGB

31, 135, 239

HSL

210.0, 86.7%, 52.9%

HSV

210.0, 87.0%, 93.7%

CMYK

87.0%, 43.5%, 0.0%, 6.3%

OKLCH

0.6222 0.18 253.4

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#1F87EF

#EF871F

Analogous

#1FEFEF

#1F1FEF

#1F87EF

Triadic

#1F87EF

#EF1F87

#87EF1F

Split Complementary

#1F87EF

#EF1F1F

#EFEF1F

Tetradic

#1F87EF

#EF1FEF

#EF871F

#1FEF1F

Color Blindness Simulation

Original

#1F87EF

Protanopia

#4C4DD6

Deuteranopia

#463ED0

Tritanopia

#24C2BE

Achromatopsia

#787878

CSS Usage

background-color: #1F87EF;
color: #1F87EF;
border-color: #1F87EF;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F7FD
100
#E0EDFA
200
#BCDBFA
300
#8DC2F7
400
#4FA1F2
500
#1180EE
600
#0E66BE
700
#0B5298
800
#084077
900
#0B3056
950
#071F36

Contrast Checker

Text on white

3.64:1

AA Fail AAA Fail

Text on black

5.77:1

AA Pass 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