#1F7AE0

#1F7AE0

Color Values

HEX

#1F7AE0

RGB

31, 122, 224

HSL

211.7, 75.7%, 50.0%

HSV

211.7, 86.2%, 87.8%

CMYK

86.2%, 45.5%, 0.0%, 12.2%

OKLCH

0.5839 0.1755 255.1

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#1F7AE0

#E0851F

Analogous

#1FDBE0

#241FE0

#1F7AE0

Triadic

#1F7AE0

#E01F7A

#7AE01F

Split Complementary

#1F7AE0

#E0241F

#DBE01F

Tetradic

#1F7AE0

#E01FDB

#E0851F

#1FE024

Color Blindness Simulation

Original

#1F7AE0

Protanopia

#4647C7

Deuteranopia

#413AC1

Tritanopia

#24B4B0

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F2F7FC
100
#E2ECF9
200
#C0DAF6
300
#93BFF0
400
#599DE8
500
#1F7AE0
600
#1962B3
700
#144E8F
800
#0F3D70
900
#0F2F51
950
#0A1D33

Contrast Checker

Text on white

4.27:1

AA Fail AAA Fail

Text on black

4.92:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026