#18B0AB

#18B0AB

Color Values

HEX

#18B0AB

RGB

24, 176, 171

HSL

178.0, 76.0%, 39.2%

HSV

178.0, 86.4%, 69.0%

CMYK

86.4%, 0.0%, 2.8%, 31.0%

OKLCH

0.6855 0.1144 191.1

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#18B0AB

#B0181D

Analogous

#18B05F

#1869B0

#18B0AB

Triadic

#18B0AB

#AB18B0

#B0AB18

Split Complementary

#18B0AB

#B01869

#B05F18

Tetradic

#18B0AB

#5F18B0

#B0181D

#69B018

Color Blindness Simulation

Original

#18B0AB

Protanopia

#5A5BAC

Deuteranopia

#5146AC

Tritanopia

#20ADAD

Achromatopsia

#8F8F8F

CSS Usage

background-color: #18B0AB;
color: #18B0AB;
border-color: #18B0AB;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F2FCFC
100
#E2F9F8
200
#C0F6F5
300
#93F0ED
400
#59E8E4
500
#1FE0DA
600
#18B4AE
700
#14908B
800
#0F706D
900
#0F524F
950
#0A3432

Contrast Checker

Text on white

2.68:1

AA Fail AAA Fail

Text on black

7.84:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026