#18A4B4

#18A4B4

Color Values

HEX

#18A4B4

RGB

24, 164, 180

HSL

186.2, 76.5%, 40.0%

HSV

186.2, 86.7%, 70.6%

CMYK

86.7%, 8.9%, 0.0%, 29.4%

OKLCH

0.6587 0.1092 207.5

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#18A4B4

#B42818

Analogous

#18B476

#1856B4

#18A4B4

Triadic

#18A4B4

#B418A4

#A4B418

Split Complementary

#18A4B4

#B41856

#B47618

Tetradic

#18A4B4

#7618B4

#B42818

#56B418

Color Blindness Simulation

Original

#18A4B4

Protanopia

#5556B0

Deuteranopia

#4C42AF

Tritanopia

#1FADAC

Achromatopsia

#878787

CSS Usage

background-color: #18A4B4;
color: #18A4B4;
border-color: #18A4B4;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F2FBFC
100
#E2F6F9
200
#C0F1F7
300
#93E7F1
400
#58DAE9
500
#1ECDE1
600
#18A4B4
700
#138390
800
#0F6671
900
#0F4B52
950
#0A2F34

Contrast Checker

Text on white

3.0:1

AA Fail AAA Fail

Text on black

7.01:1

AA Pass AAA Pass

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