#18ABB4

#18ABB4

Color Values

HEX

#18ABB4

RGB

24, 171, 180

HSL

183.5, 76.5%, 40.0%

HSV

183.5, 86.7%, 70.6%

CMYK

86.7%, 5.0%, 0.0%, 29.4%

OKLCH

0.6762 0.1114 201.7

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#18ABB4

#B42118

Analogous

#18B46F

#185DB4

#18ABB4

Triadic

#18ABB4

#B418AB

#ABB418

Split Complementary

#18ABB4

#B4185D

#B46F18

Tetradic

#18ABB4

#6F18B4

#B42118

#5DB418

Color Blindness Simulation

Original

#18ABB4

Protanopia

#5859B2

Deuteranopia

#4F44B1

Tritanopia

#1FB0B0

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F2FCFC
100
#E2F7F9
200
#C0F3F7
300
#93EBF1
400
#58E0E9
500
#1ED6E1
600
#18ABB4
700
#138990
800
#0F6B71
900
#0F4E52
950
#0A3134

Contrast Checker

Text on white

2.79:1

AA Fail AAA Fail

Text on black

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