#18ADAE

#18ADAE

Color Values

HEX

#18ADAE

RGB

24, 173, 174

HSL

180.4, 75.8%, 38.8%

HSV

180.4, 86.2%, 68.2%

CMYK

86.2%, 0.6%, 0.0%, 31.8%

OKLCH

0.679 0.1122 195.6

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#18ADAE

#AE1918

Analogous

#18AE64

#1862AE

#18ADAE

Triadic

#18ADAE

#AE18AD

#ADAE18

Split Complementary

#18ADAE

#AE1862

#AE6418

Tetradic

#18ADAE

#6418AE

#AE1918

#62AE18

Color Blindness Simulation

Original

#18ADAE

Protanopia

#595AAE

Deuteranopia

#5045AE

Tritanopia

#1FAEAE

Achromatopsia

#8D8D8D

CSS Usage

background-color: #18ADAE;
color: #18ADAE;
border-color: #18ADAE;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F2FCFC
100
#E2F8F9
200
#C0F6F6
300
#93F0F0
400
#59E7E8
500
#1FDFE0
600
#19B2B3
700
#148F8F
800
#0F6F70
900
#0F5152
950
#0A3333

Contrast Checker

Text on white

2.75:1

AA Fail AAA Fail

Text on black

7.63:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026