#289AD7

#289AD7

Color Values

HEX

#289AD7

RGB

40, 154, 215

HSL

200.9, 68.6%, 50.0%

HSV

200.9, 81.4%, 84.3%

CMYK

81.4%, 28.4%, 0.0%, 15.7%

OKLCH

0.653 0.1326 238.2

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#289AD7

#D76528

Analogous

#28D7BC

#2843D7

#289AD7

Triadic

#289AD7

#D7289A

#9AD728

Split Complementary

#289AD7

#D72843

#D7BC28

Tetradic

#289AD7

#BC28D7

#D76528

#43D728

Color Blindness Simulation

Original

#289AD7

Protanopia

#595AC8

Deuteranopia

#534AC5

Tritanopia

#2EBDBA

Achromatopsia

#868686

CSS Usage

background-color: #289AD7;
color: #289AD7;
border-color: #289AD7;
Nearest Tailwind: Sky 500 #0EA5E9

Tailwind Shades

50
#F3F9FC
100
#E3F0F8
200
#C3E3F4
300
#98CFEC
400
#60B4E1
500
#289AD7
600
#207BAC
700
#1A638A
800
#144D6B
900
#133A4E
950
#0C2431

Contrast Checker

Text on white

3.14:1

AA Fail AAA Fail

Text on black

6.69:1

AA Pass 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