#189DB4

#189DB4

Color Values

HEX

#189DB4

RGB

24, 157, 180

HSL

188,8, 76,5%, 40,0%

HSV

188,8, 86,7%, 70,6%

CMYK

86,7%, 12,8%, 0,0%, 29,4%

OKLCH

0,6412 0,1082 213,5

Properties

Cool Light Nearest: NCS S 1050-B20G Cyan

Color Harmonies

Complementary

#189DB4

#B42F18

Analogous

#18B47D

#184FB4

#189DB4

Triadic

#189DB4

#B4189D

#9DB418

Split Complementary

#189DB4

#B4184F

#B47D18

Tetradic

#189DB4

#7D18B4

#B42F18

#4FB418

Color Blindness Simulation

Original

#189DB4

Protanopia

#5253AE

Deuteranopia

#4A40AD

Tritanopia

#1FAAA9

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F2FBFC
100
#E2F5F9
200
#C0EFF7
300
#93E3F1
400
#58D4E9
500
#1EC4E1
600
#189DB4
700
#137E90
800
#0F6271
900
#0F4852
950
#0A2D34

Contrast Checker

Text on white

3,22:1

AA Fail AAA Fail

Text on black

6,52: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