#107CBC

#107CBC

Color Values

HEX

#107CBC

RGB

16, 124, 188

HSL

202.3, 84.3%, 40.0%

HSV

202.3, 91.5%, 73.7%

CMYK

91.5%, 34.0%, 0.0%, 26.3%

OKLCH

0.5634 0.1318 243.1

Properties

Cool Light Nearest: RAL 5012 Light Blue

Color Harmonies

Complementary

#107CBC

#BC5010

Analogous

#10BCA6

#1026BC

#107CBC

Triadic

#107CBC

#BC107C

#7CBC10

Split Complementary

#107CBC

#BC1026

#BCA610

Tetradic

#107CBC

#A610BC

#BC5010

#26BC10

Color Blindness Simulation

Original

#107CBC

Protanopia

#3F40AD

Deuteranopia

#3830A9

Tritanopia

#15A09E

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F2F9FD
100
#E0F0FA
200
#BDE3F9
300
#8ECFF5
400
#51B5F0
500
#149BEB
600
#107CBC
700
#0D6396
800
#0A4E75
900
#0C3A55
950
#072536

Contrast Checker

Text on white

4.53:1

AA Pass AAA Fail

Text on black

4.63:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026