#1176EE

#1176EE

Color Values

HEX

#1176EE

RGB

17, 118, 238

HSL

212.6, 86.7%, 50.0%

HSV

212.6, 92.9%, 93.3%

CMYK

92.9%, 50.4%, 0.0%, 6.7%

OKLCH

0.5832 0.1999 257.1

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#1176EE

#EE8911

Analogous

#11E4EE

#1B11EE

#1176EE

Triadic

#1176EE

#EE1176

#76EE11

Split Complementary

#1176EE

#EE1B11

#E4EE11

Tetradic

#1176EE

#EE11E4

#EE8911

#11EE1B

Color Blindness Simulation

Original

#1176EE

Protanopia

#3D3ED1

Deuteranopia

#372FCA

Tritanopia

#16BAB5

Achromatopsia

#696969

CSS Usage

background-color: #1176EE;
color: #1176EE;
border-color: #1176EE;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F7FD
100
#E0ECFA
200
#BCD9FA
300
#8DBDF7
400
#4F9AF2
500
#1176EE
600
#0E5EBE
700
#0B4B98
800
#083B77
900
#0B2D56
950
#071D36

Contrast Checker

Text on white

4.33:1

AA Fail AAA Fail

Text on black

4.85:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026