#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

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026