#1A7FDF

#1A7FDF

Color Values

HEX

#1A7FDF

RGB

26, 127, 223

HSL

209,2, 79,1%, 48,8%

HSV

209,2, 88,3%, 87,5%

CMYK

88,3%, 43,0%, 0,0%, 12,5%

OKLCH

0,5934 0,1696 252,7

Properties

Cool Light Nearest: Navy Blue

Color Harmonies

Complementary

#1A7FDF

#DF7A1A

Analogous

#1ADFDC

#1A1DDF

#1A7FDF

Triadic

#1A7FDF

#DF1A7F

#7FDF1A

Split Complementary

#1A7FDF

#DF1A1D

#DFDC1A

Tetradic

#1A7FDF

#DC1ADF

#DF7A1A

#1DDF1A

Color Blindness Simulation

Original

#1A7FDF

Protanopia

#4647C8

Deuteranopia

#4038C2

Tritanopia

#1FB5B1

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F2F7FC
100
#E1EDF9
200
#BFDCF8
300
#91C3F2
400
#56A3EB
500
#1B82E4
600
#1568B7
700
#115392
800
#0D4172
900
#0E3153
950
#091F34

Contrast Checker

Text on white

4,08:1

AA Fail AAA Fail

Text on black

5,15: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