#18B4AB

#18B4AB

Color Values

HEX

#18B4AB

RGB

24, 180, 171

HSL

176.5, 76.5%, 40.0%

HSV

176.5, 86.7%, 70.6%

CMYK

86.7%, 0.0%, 5.0%, 29.4%

OKLCH

0.6956 0.1173 188.4

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#18B4AB

#B41821

Analogous

#18B45D

#186FB4

#18B4AB

Triadic

#18B4AB

#AB18B4

#B4AB18

Split Complementary

#18B4AB

#B4186F

#B45D18

Tetradic

#18B4AB

#5D18B4

#B41821

#6FB418

Color Blindness Simulation

Original

#18B4AB

Protanopia

#5C5DAD

Deuteranopia

#5247AE

Tritanopia

#20AFAF

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#F2FCFC
100
#E2F9F7
200
#C0F7F3
300
#93F1EB
400
#58E9E0
500
#1EE1D6
600
#18B4AB
700
#139089
800
#0F716B
900
#0F524E
950
#0A3431

Contrast Checker

Text on white

2.57:1

AA Fail AAA Fail

Text on black

8.16:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026