#105BBC

#105BBC

Color Values

HEX

#105BBC

RGB

16, 91, 188

HSL

213.8, 84.3%, 40.0%

HSV

213.8, 91.5%, 73.7%

CMYK

91.5%, 51.6%, 0.0%, 26.3%

OKLCH

0.4876 0.1678 257.8

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#105BBC

#BC7110

Analogous

#10B1BC

#1B10BC

#105BBC

Triadic

#105BBC

#BC105B

#5BBC10

Split Complementary

#105BBC

#BC1B10

#B1BC10

Tetradic

#105BBC

#BC10B1

#BC7110

#10BC1B

Color Blindness Simulation

Original

#105BBC

Protanopia

#3031A5

Deuteranopia

#2C269F

Tritanopia

#14928E

Achromatopsia

#525252

CSS Usage

background-color: #105BBC;
color: #105BBC;
border-color: #105BBC;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F2F7FD
100
#E0ECFA
200
#BDD7F9
300
#8EBBF5
400
#5197F0
500
#1472EB
600
#105BBC
700
#0D4996
800
#0A3975
900
#0C2C55
950
#071C36

Contrast Checker

Text on white

6.47:1

AA Pass AAA Fail

Text on black

3.24:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026