#106ABC

#106ABC

Color Values

HEX

#106ABC

RGB

16, 106, 188

HSL

208,6, 84,3%, 40,0%

HSV

208,6, 91,5%, 73,7%

CMYK

91,5%, 43,6%, 0,0%, 26,3%

OKLCH

0,5212 0,1501 252,3

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#106ABC

#BC6210

Analogous

#10BCB8

#1014BC

#106ABC

Triadic

#106ABC

#BC106A

#6ABC10

Split Complementary

#106ABC

#BC1014

#BCB810

Tetradic

#106ABC

#B810BC

#BC6210

#14BC10

Color Blindness Simulation

Original

#106ABC

Protanopia

#3738A8

Deuteranopia

#322BA3

Tritanopia

#149895

Achromatopsia

#5D5D5D

CSS Usage

background-color: #106ABC;
color: #106ABC;
border-color: #106ABC;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F2F8FD
100
#E0EEFA
200
#BDDDF9
300
#8EC4F5
400
#51A4F0
500
#1485EB
600
#106ABC
700
#0D5596
800
#0A4275
900
#0C3255
950
#072036

Contrast Checker

Text on white

5,51:1

AA Pass AAA Fail

Text on black

3,81:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Şub 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Şub 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Şub 20, 2026