#107FBC

#107FBC

Color Values

HEX

#107FBC

RGB

16, 127, 188

HSL

201.3, 84.3%, 40.0%

HSV

201.3, 91.5%, 73.7%

CMYK

91.5%, 32.4%, 0.0%, 26.3%

OKLCH

0.5706 0.1292 241.2

Properties

Cool Light Nearest: RAL 5012 Light Blue

Color Harmonies

Complementary

#107FBC

#BC4D10

Analogous

#10BCA3

#1029BC

#107FBC

Triadic

#107FBC

#BC107F

#7FBC10

Split Complementary

#107FBC

#BC1029

#BCA310

Tetradic

#107FBC

#A310BC

#BC4D10

#29BC10

Color Blindness Simulation

Original

#107FBC

Protanopia

#4041AD

Deuteranopia

#3A31AA

Tritanopia

#16A29F

Achromatopsia

#6C6C6C

CSS Usage

background-color: #107FBC;
color: #107FBC;
border-color: #107FBC;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F2F9FD
100
#E0F1FA
200
#BDE4F9
300
#8ED1F5
400
#51B8F0
500
#149FEB
600
#107FBC
700
#0D6696
800
#0A4F75
900
#0C3B55
950
#072536

Contrast Checker

Text on white

4.39:1

AA Fail AAA Fail

Text on black

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