#126BC2

#126BC2

Color Values

HEX

#126BC2

RGB

18, 107, 194

HSL

209.7, 83.0%, 41.6%

HSV

209.7, 90.7%, 76.1%

CMYK

90.7%, 44.8%, 0.0%, 23.9%

OKLCH

0.5278 0.1564 253.5

Properties

Cool Dark Nearest: Denim

Color Harmonies

Complementary

#126BC2

#C26912

Analogous

#12C2C1

#1213C2

#126BC2

Triadic

#126BC2

#C2126B

#6BC212

Split Complementary

#126BC2

#C21213

#C2C112

Tetradic

#126BC2

#C112C2

#C26912

#13C212

Color Blindness Simulation

Original

#126BC2

Protanopia

#3939AD

Deuteranopia

#332DA8

Tritanopia

#169C99

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E1EDFA
200
#BEDCF9
300
#8FC2F5
400
#52A1EF
500
#1681E9
600
#1167BB
700
#0E5295
800
#0B4075
900
#0C3155
950
#081F35

Contrast Checker

Text on white

5.37:1

AA Pass AAA Fail

Text on black

3.91:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026