#289AA4

#289AA4

Color Values

HEX

#289AA4

RGB

40, 154, 164

HSL

184.8, 60.8%, 40.0%

HSV

184.8, 75.6%, 64.3%

CMYK

75.6%, 6.1%, 0.0%, 35.7%

OKLCH

0.6298 0.0976 203.8

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#289AA4

#A43228

Analogous

#28A470

#285CA4

#289AA4

Triadic

#289AA4

#A4289A

#9AA428

Split Complementary

#289AA4

#A4285C

#A47028

Tetradic

#289AA4

#7028A4

#A43228

#5CA428

Color Blindness Simulation

Original

#289AA4

Protanopia

#595AA2

Deuteranopia

#534AA1

Tritanopia

#2EA09F

Achromatopsia

#828282

CSS Usage

background-color: #289AA4;
color: #289AA4;
border-color: #289AA4;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F3FBFB
100
#E4F5F6
200
#C6EEF1
300
#9DE1E7
400
#67D1DA
500
#32C1CD
600
#289AA4
700
#207B83
800
#196067
900
#16474B
950
#0E2D2F

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

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