#126ED2

#126ED2

Color Values

HEX

#126ED2

RGB

18, 110, 210

HSL

211.2, 84.2%, 44.7%

HSV

211.2, 91.4%, 82.4%

CMYK

91.4%, 47.6%, 0.0%, 17.6%

OKLCH

0.5458 0.1735 255.5

Properties

Cool Dark Nearest: Navy Blue

Color Harmonies

Complementary

#126ED2

#D27612

Analogous

#12CED2

#1612D2

#126ED2

Triadic

#126ED2

#D2126E

#6ED212

Split Complementary

#126ED2

#D21612

#CED212

Tetradic

#126ED2

#D212CE

#D27612

#12D216

Color Blindness Simulation

Original

#126ED2

Protanopia

#3A3BBA

Deuteranopia

#342EB4

Tritanopia

#17A7A2

Achromatopsia

#626262

CSS Usage

background-color: #126ED2;
color: #126ED2;
border-color: #126ED2;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F7FD
100
#E0EDFA
200
#BDDAF9
300
#8EC0F5
400
#519DF0
500
#147BEB
600
#1063BC
700
#0D4F96
800
#0A3E75
900
#0C2F55
950
#071E36

Contrast Checker

Text on white

5.02:1

AA Pass AAA Fail

Text on black

4.19:1

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