#109AEF

#109AEF

Color Values

HEX

#109AEF

RGB

16, 154, 239

HSL

202.9, 87.5%, 50.0%

HSV

202.9, 93.3%, 93.7%

CMYK

93.3%, 35.6%, 0.0%, 6.3%

OKLCH

0.6628 0.163 244.9

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#109AEF

#EF6510

Analogous

#10EFD5

#102AEF

#109AEF

Triadic

#109AEF

#EF109A

#9AEF10

Split Complementary

#109AEF

#EF102A

#EFD510

Tetradic

#109AEF

#D510EF

#EF6510

#2AEF10

Color Blindness Simulation

Original

#109AEF

Protanopia

#4C4DDA

Deuteranopia

#4439D5

Tritanopia

#17CAC7

Achromatopsia

#838383

CSS Usage

background-color: #109AEF;
color: #109AEF;
border-color: #109AEF;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F9FD
100
#E0F0FA
200
#BCE3FB
300
#8CCEF7
400
#4EB4F3
500
#109AEF
600
#0D7BBF
700
#0A6299
800
#084D78
900
#0A3957
950
#072437

Contrast Checker

Text on white

3.05:1

AA Fail AAA Fail

Text on black

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