#114EEE

#114EEE

Color Values

HEX

#114EEE

RGB

17, 78, 238

HSL

223,4, 86,7%, 50,0%

HSV

223,4, 92,9%, 93,3%

CMYK

92,9%, 67,2%, 0,0%, 6,7%

OKLCH

0,5068 0,2457 263,7

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#114EEE

#EEB111

Analogous

#11BDEE

#4211EE

#114EEE

Triadic

#114EEE

#EE114E

#4EEE11

Split Complementary

#114EEE

#EE4211

#BDEE11

Tetradic

#114EEE

#EE11BD

#EEB111

#11EE42

Color Blindness Simulation

Original

#114EEE

Protanopia

#2B2CC7

Deuteranopia

#2823BE

Tritanopia

#14A9A2

Achromatopsia

#4D4D4D

CSS Usage

background-color: #114EEE;
color: #114EEE;
border-color: #114EEE;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F2F5FD
100
#E0E7FA
200
#BCCDFA
300
#8DAAF7
400
#4F7CF2
500
#114EEE
600
#0E3EBE
700
#0B3298
800
#082777
900
#0B2056
950
#071436

Contrast Checker

Text on white

6,27:1

AA Pass AAA Fail

Text on black

3,35:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026