#1F85F0

#1F85F0

Color Values

HEX

#1F85F0

RGB

31, 133, 240

HSL

210.7, 87.4%, 53.1%

HSV

210.7, 87.1%, 94.1%

CMYK

87.1%, 44.6%, 0.0%, 5.9%

OKLCH

0.6185 0.1834 254.2

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#1F85F0

#F08A1F

Analogous

#1FEDF0

#211FF0

#1F85F0

Triadic

#1F85F0

#F01F85

#85F01F

Split Complementary

#1F85F0

#F0211F

#EDF01F

Tetradic

#1F85F0

#F01FED

#F08A1F

#1FF021

Color Blindness Simulation

Original

#1F85F0

Protanopia

#4B4CD6

Deuteranopia

#453ED0

Tritanopia

#24C2BD

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E0EDFA
200
#BCDBFB
300
#8CC1F7
400
#4E9FF3
500
#107DEF
600
#0D64BF
700
#0A5099
800
#083E77
900
#0A3057
950
#071E37

Contrast Checker

Text on white

3.7:1

AA Fail AAA Fail

Text on black

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