#126F91

#126F91

Color Values

HEX

#126F91

RGB

18, 111, 145

HSL

196.1, 77.9%, 32.0%

HSV

196.1, 87.6%, 56.9%

CMYK

87.6%, 23.4%, 0.0%, 43.1%

OKLCH

0.5079 0.0954 229.4

Properties

Cool Dark Nearest: deepskyblue 4

Color Harmonies

Complementary

#126F91

#913412

Analogous

#129174

#122F91

#126F91

Triadic

#126F91

#91126F

#6F9112

Split Complementary

#126F91

#91122F

#917412

Tetradic

#126F91

#741291

#913412

#2F9112

Color Blindness Simulation

Original

#126F91

Protanopia

#3A3B89

Deuteranopia

#352E87

Tritanopia

#178281

Achromatopsia

#5E5E5E

CSS Usage

background-color: #126F91;
color: #126F91;
border-color: #126F91;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F2FAFC
100
#E1F3F9
200
#BFE8F7
300
#92D8F1
400
#57C3EA
500
#1CAEE3
600
#178BB5
700
#126F91
800
#0E5771
900
#0E4052
950
#092934

Contrast Checker

Text on white

5.66:1

AA Pass AAA Fail

Text on black

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