#1287BA

#1287BA

Color Values

HEX

#1287BA

RGB

18, 135, 186

HSL

198.2, 82.4%, 40.0%

HSV

198.2, 90.3%, 72.9%

CMYK

90.3%, 27.4%, 0.0%, 27.1%

OKLCH

0.5891 0.1208 235.0

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#1287BA

#BA4512

Analogous

#12BA99

#1233BA

#1287BA

Triadic

#1287BA

#BA1287

#87BA12

Split Complementary

#1287BA

#BA1233

#BA9912

Tetradic

#1287BA

#9912BA

#BA4512

#33BA12

Color Blindness Simulation

Original

#1287BA

Protanopia

#4546AE

Deuteranopia

#3E35AB

Tritanopia

#18A4A2

Achromatopsia

#727272

CSS Usage

background-color: #1287BA;
color: #1287BA;
border-color: #1287BA;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F2F9FD
100
#E1F2FA
200
#BEE7F9
300
#8FD6F4
400
#53BFEE
500
#16A9E9
600
#1287BA
700
#0E6C95
800
#0B5474
900
#0D3F54
950
#082835

Contrast Checker

Text on white

4.04:1

AA Fail AAA Fail

Text on black

5.2:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026