#18B48F

#18B48F

Color Values

HEX

#18B48F

RGB

24, 180, 143

HSL

165.8, 76.5%, 40.0%

HSV

165.8, 86.7%, 70.6%

CMYK

86.7%, 0.0%, 20.6%, 29.4%

OKLCH

0.6871 0.131 170.7

Properties

Cool Light Nearest: Mountain Meadow

Color Harmonies

Complementary

#18B48F

#B4183D

Analogous

#18B441

#188BB4

#18B48F

Triadic

#18B48F

#8F18B4

#B48F18

Split Complementary

#18B48F

#B4188B

#B44118

Tetradic

#18B48F

#4118B4

#B4183D

#8BB418

Color Blindness Simulation

Original

#18B48F

Protanopia

#5C5D98

Deuteranopia

#52479A

Tritanopia

#209FA1

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#F2FCFA
100
#E2F9F3
200
#C0F7EA
300
#93F1DA
400
#58E9C7
500
#1EE1B3
600
#18B48F
700
#139072
800
#0F7159
900
#0F5242
950
#0A342A

Contrast Checker

Text on white

2.64:1

AA Fail AAA Fail

Text on black

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