#1198EE

#1198EE

Color Values

HEX

#1198EE

RGB

17, 152, 238

HSL

203.3, 86.7%, 50.0%

HSV

203.3, 92.9%, 93.3%

CMYK

92.9%, 36.1%, 0.0%, 6.7%

OKLCH

0.6578 0.1636 245.6

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#1198EE

#EE6711

Analogous

#11EED5

#112AEE

#1198EE

Triadic

#1198EE

#EE1198

#98EE11

Split Complementary

#1198EE

#EE112A

#EED511

Tetradic

#1198EE

#D511EE

#EE6711

#2AEE11

Color Blindness Simulation

Original

#1198EE

Protanopia

#4B4DD9

Deuteranopia

#443AD4

Tritanopia

#18C9C5

Achromatopsia

#828282

CSS Usage

background-color: #1198EE;
color: #1198EE;
border-color: #1198EE;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F9FD
100
#E0F0FA
200
#BCE2FA
300
#8DCEF7
400
#4FB3F2
500
#1198EE
600
#0E7ABE
700
#0B6198
800
#084C77
900
#0B3956
950
#072436

Contrast Checker

Text on white

3.11:1

AA Fail AAA Fail

Text on black

6.75:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026