#106DC7

#106DC7

Color Values

HEX

#106DC7

RGB

16, 109, 199

HSL

209.5, 85.1%, 42.2%

HSV

209.5, 92.0%, 78.0%

CMYK

92.0%, 45.2%, 0.0%, 22.0%

OKLCH

0.5355 0.1608 253.6

Properties

Cool Dark Nearest: Denim

Color Harmonies

Complementary

#106DC7

#C76A10

Analogous

#10C7C6

#1012C7

#106DC7

Triadic

#106DC7

#C7106D

#6DC710

Split Complementary

#106DC7

#C71012

#C7C610

Tetradic

#106DC7

#C610C7

#C76A10

#12C710

Color Blindness Simulation

Original

#106DC7

Protanopia

#3839B1

Deuteranopia

#332CAC

Tritanopia

#15A09C

Achromatopsia

#606060

CSS Usage

background-color: #106DC7;
color: #106DC7;
border-color: #106DC7;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F7FD
100
#E0EDFA
200
#BDDCFA
300
#8EC3F6
400
#50A2F1
500
#1381EC
600
#0F67BD
700
#0C5397
800
#094176
900
#0B3156
950
#071F36

Contrast Checker

Text on white

5.21:1

AA Pass AAA Fail

Text on black

4.03:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026