#116EEE

#116EEE

Color Values

HEX

#116EEE

RGB

17, 110, 238

HSL

214.8, 86.7%, 50.0%

HSV

214.8, 92.9%, 93.3%

CMYK

92.9%, 53.8%, 0.0%, 6.7%

OKLCH

0.5666 0.2092 259.0

Properties

Cool Dark Nearest: royalblue 2

Color Harmonies

Complementary

#116EEE

#EE9111

Analogous

#11DCEE

#2311EE

#116EEE

Triadic

#116EEE

#EE116E

#6EEE11

Split Complementary

#116EEE

#EE2311

#DCEE11

Tetradic

#116EEE

#EE11DC

#EE9111

#11EE23

Color Blindness Simulation

Original

#116EEE

Protanopia

#393ACF

Deuteranopia

#342DC8

Tritanopia

#16B7B1

Achromatopsia

#636363

CSS Usage

background-color: #116EEE;
color: #116EEE;
border-color: #116EEE;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F2F6FD
100
#E0EBFA
200
#BCD6FA
300
#8DB9F7
400
#4F94F2
500
#116EEE
600
#0E58BE
700
#0B4698
800
#083777
900
#0B2A56
950
#071B36

Contrast Checker

Text on white

4.68:1

AA Pass AAA Fail

Text on black

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