#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026