#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

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