#126EBA

#126EBA

Color Values

HEX

#126EBA

RGB

18, 110, 186

HSL

207.1, 82.4%, 40.0%

HSV

207.1, 90.3%, 72.9%

CMYK

90.3%, 40.9%, 0.0%, 27.1%

OKLCH

0.5294 0.1429 250.2

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#126EBA

#BA5E12

Analogous

#12BAB2

#121ABA

#126EBA

Triadic

#126EBA

#BA126E

#6EBA12

Split Complementary

#126EBA

#BA121A

#BAB212

Tetradic

#126EBA

#B212BA

#BA5E12

#1ABA12

Color Blindness Simulation

Original

#126EBA

Protanopia

#3A3BA8

Deuteranopia

#342EA3

Tritanopia

#179996

Achromatopsia

#606060

CSS Usage

background-color: #126EBA;
color: #126EBA;
border-color: #126EBA;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F2F8FD
100
#E1EEFA
200
#BEDEF9
300
#8FC7F4
400
#53A8EE
500
#168AE9
600
#126EBA
700
#0E5895
800
#0B4574
900
#0D3454
950
#082135

Contrast Checker

Text on white

5.3:1

AA Pass AAA Fail

Text on black

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