#1077BC

#1077BC

Color Values

HEX

#1077BC

RGB

16, 119, 188

HSL

204.1, 84.3%, 40.0%

HSV

204.1, 91.5%, 73.7%

CMYK

91.5%, 36.7%, 0.0%, 26.3%

OKLCH

0.5515 0.1364 246.0

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#1077BC

#BC5510

Analogous

#10BCAB

#1021BC

#1077BC

Triadic

#1077BC

#BC1077

#77BC10

Split Complementary

#1077BC

#BC1021

#BCAB10

Tetradic

#1077BC

#AB10BC

#BC5510

#21BC10

Color Blindness Simulation

Original

#1077BC

Protanopia

#3D3DAB

Deuteranopia

#372FA7

Tritanopia

#159E9B

Achromatopsia

#666666

CSS Usage

background-color: #1077BC;
color: #1077BC;
border-color: #1077BC;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F2F8FD
100
#E0F0FA
200
#BDE1F9
300
#8ECCF5
400
#51B0F0
500
#1495EB
600
#1077BC
700
#0D5F96
800
#0A4A75
900
#0C3855
950
#072336

Contrast Checker

Text on white

4.79:1

AA Pass AAA Fail

Text on black

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