#18B1AB

#18B1AB

Color Values

HEX

#18B1AB

RGB

24, 177, 171

HSL

177.6, 76.1%, 39.4%

HSV

177.6, 86.4%, 69.4%

CMYK

86.4%, 0.0%, 3.4%, 30.6%

OKLCH

0.688 0.1151 190.4

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#18B1AB

#B1181E

Analogous

#18B15E

#186BB1

#18B1AB

Triadic

#18B1AB

#AB18B1

#B1AB18

Split Complementary

#18B1AB

#B1186B

#B15E18

Tetradic

#18B1AB

#5E18B1

#B1181E

#6BB118

Color Blindness Simulation

Original

#18B1AB

Protanopia

#5A5CAC

Deuteranopia

#5146AD

Tritanopia

#20AEAE

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#F2FCFC
100
#E2F9F8
200
#C0F6F4
300
#93F0ED
400
#59E8E3
500
#1EE1D9
600
#18B4AD
700
#14908B
800
#0F706C
900
#0F524F
950
#0A3432

Contrast Checker

Text on white

2.65:1

AA Fail AAA Fail

Text on black

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