#18B7B0

#18B7B0

Color Values

HEX

#18B7B0

RGB

24, 183, 176

HSL

177.4, 76.8%, 40.6%

HSV

177.4, 86.9%, 71.8%

CMYK

86.9%, 0.0%, 3.8%, 28.2%

OKLCH

0.7049 0.1184 189.9

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#18B7B0

#B7181F

Analogous

#18B761

#186EB7

#18B7B0

Triadic

#18B7B0

#B018B7

#B7B018

Split Complementary

#18B7B0

#B7186E

#B76118

Tetradic

#18B7B0

#6118B7

#B7181F

#6EB718

Color Blindness Simulation

Original

#18B7B0

Protanopia

#5D5EB2

Deuteranopia

#5448B2

Tritanopia

#20B3B3

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#F2FCFC
100
#E1F9F8
200
#C0F7F4
300
#93F1ED
400
#58E9E3
500
#1EE1D9
600
#18B4AE
700
#13908B
800
#0F716C
900
#0F524F
950
#093432

Contrast Checker

Text on white

2.49:1

AA Fail AAA Fail

Text on black

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