#126FCD

#126FCD

Color Values

HEX

#126FCD

RGB

18, 111, 205

HSL

210.2, 83.9%, 43.7%

HSV

210.2, 91.2%, 80.4%

CMYK

91.2%, 45.9%, 0.0%, 19.6%

OKLCH

0.5444 0.166 254.2

Properties

Cool Dark Nearest: Navy Blue

Color Harmonies

Complementary

#126FCD

#CD7012

Analogous

#12CCCD

#1312CD

#126FCD

Triadic

#126FCD

#CD126F

#6FCD12

Split Complementary

#126FCD

#CD1312

#CCCD12

Tetradic

#126FCD

#CD12CC

#CD7012

#12CD13

Color Blindness Simulation

Original

#126FCD

Protanopia

#3A3BB6

Deuteranopia

#352EB1

Tritanopia

#17A4A0

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E0EDFA
200
#BDDBF9
300
#8EC1F5
400
#51A0F0
500
#157FEA
600
#1065BC
700
#0D5196
800
#0A3F75
900
#0C3055
950
#071E36

Contrast Checker

Text on white

5.02:1

AA Pass AAA Fail

Text on black

4.18:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026