#107EEF

#107EEF

Color Values

HEX

#107EEF

RGB

16, 126, 239

HSL

210.4, 87.5%, 50.0%

HSV

210.4, 93.3%, 93.7%

CMYK

93.3%, 47.3%, 0.0%, 6.3%

OKLCH

0.6007 0.192 255.1

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#107EEF

#EF8110

Analogous

#10EEEF

#1110EF

#107EEF

Triadic

#107EEF

#EF107E

#7EEF10

Split Complementary

#107EEF

#EF1110

#EEEF10

Tetradic

#107EEF

#EF10EE

#EF8110

#10EF11

Color Blindness Simulation

Original

#107EEF

Protanopia

#4041D4

Deuteranopia

#3931CD

Tritanopia

#16BEB9

Achromatopsia

#6F6F6F

CSS Usage

background-color: #107EEF;
color: #107EEF;
border-color: #107EEF;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F7FD
100
#E0EDFA
200
#BCDBFB
300
#8CC1F7
400
#4EA0F3
500
#107EEF
600
#0D65BF
700
#0A5199
800
#083F78
900
#0A3057
950
#071E37

Contrast Checker

Text on white

4.0:1

AA Fail AAA Fail

Text on black

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