#18A69F

#18A69F

Color Values

HEX

#18A69F

RGB

24, 166, 159

HSL

177.0, 74.7%, 37.3%

HSV

177.0, 85.5%, 65.1%

CMYK

85.5%, 0.0%, 4.2%, 34.9%

OKLCH

0.6559 0.1096 189.4

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#18A69F

#A6181F

Analogous

#18A658

#1866A6

#18A69F

Triadic

#18A69F

#9F18A6

#A69F18

Split Complementary

#18A69F

#A61866

#A65818

Tetradic

#18A69F

#5818A6

#A6181F

#66A618

Color Blindness Simulation

Original

#18A69F

Protanopia

#5657A1

Deuteranopia

#4D43A1

Tritanopia

#1FA2A2

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#F2FCFC
100
#E2F8F7
200
#C1F6F3
300
#94F0EB
400
#5AE7E0
500
#20DFD5
600
#1AB2AB
700
#158F88
800
#106F6B
900
#10514E
950
#0A3331

Contrast Checker

Text on white

3.0:1

AA Fail AAA Fail

Text on black

6.99:1

AA Pass AAA Fail

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