#126ECB

#126ECB

Color Values

HEX

#126ECB

RGB

18, 110, 203

HSL

210.2, 83.7%, 43.3%

HSV

210.2, 91.1%, 79.6%

CMYK

91.1%, 45.8%, 0.0%, 20.4%

OKLCH

0.5408 0.1645 254.2

Properties

Cool Dark Nearest: Navy Blue

Color Harmonies

Complementary

#126ECB

#CB6F12

Analogous

#12CACB

#1312CB

#126ECB

Triadic

#126ECB

#CB126E

#6ECB12

Split Complementary

#126ECB

#CB1312

#CACB12

Tetradic

#126ECB

#CB12CA

#CB6F12

#12CB13

Color Blindness Simulation

Original

#126ECB

Protanopia

#3A3BB5

Deuteranopia

#342EAF

Tritanopia

#17A39F

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E0EDFA
200
#BDDBF9
300
#8FC1F5
400
#52A0F0
500
#157FEA
600
#1165BB
700
#0D5196
800
#0A3F75
900
#0C3055
950
#081E36

Contrast Checker

Text on white

5.1:1

AA Pass AAA Fail

Text on black

4.12: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