#189EB4

#189EB4

Color Values

HEX

#189EB4

RGB

24, 158, 180

HSL

188.5, 76.5%, 40.0%

HSV

188.5, 86.7%, 70.6%

CMYK

86.7%, 12.2%, 0.0%, 29.4%

OKLCH

0.6437 0.1083 212.6

Properties

Cool Light Nearest: NCS S 1050-B20G Cyan

Color Harmonies

Complementary

#189EB4

#B42E18

Analogous

#18B47C

#1850B4

#189EB4

Triadic

#189EB4

#B4189E

#9EB418

Split Complementary

#189EB4

#B41850

#B47C18

Tetradic

#189EB4

#7C18B4

#B42E18

#50B418

Color Blindness Simulation

Original

#189EB4

Protanopia

#5253AF

Deuteranopia

#4A40AD

Tritanopia

#1FAAAA

Achromatopsia

#838383

CSS Usage

background-color: #189EB4;
color: #189EB4;
border-color: #189EB4;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F2FBFC
100
#E2F5F9
200
#C0EFF7
300
#93E3F1
400
#58D4E9
500
#1EC5E1
600
#189EB4
700
#137E90
800
#0F6371
900
#0F4852
950
#0A2E34

Contrast Checker

Text on white

3.19:1

AA Fail AAA Fail

Text on black

6.59: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