#1099BC

#1099BC

Color Values

HEX

#1099BC

RGB

16, 153, 188

HSL

192.2, 84.3%, 40.0%

HSV

192.2, 91.5%, 73.7%

CMYK

91.5%, 18.6%, 0.0%, 26.3%

OKLCH

0.634 0.1147 222.2

Properties

Cool Light Nearest: Blue Green

Color Harmonies

Complementary

#1099BC

#BC3310

Analogous

#10BC89

#1043BC

#1099BC

Triadic

#1099BC

#BC1099

#99BC10

Split Complementary

#1099BC

#BC1043

#BC8910

Tetradic

#1099BC

#8910BC

#BC3310

#43BC10

Color Blindness Simulation

Original

#1099BC

Protanopia

#4B4DB4

Deuteranopia

#4339B2

Tritanopia

#17ADAB

Achromatopsia

#7E7E7E

CSS Usage

background-color: #1099BC;
color: #1099BC;
border-color: #1099BC;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F2FBFD
100
#E0F5FA
200
#BDEDF9
300
#8EE0F5
400
#51D0F0
500
#14BFEB
600
#1099BC
700
#0D7A96
800
#0A6075
900
#0C4655
950
#072C36

Contrast Checker

Text on white

3.33:1

AA Fail AAA Fail

Text on black

6.3:1

AA Pass 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