#18B491

#18B491

Color Values

HEX

#18B491

RGB

24, 180, 145

HSL

166.5, 76.5%, 40.0%

HSV

166.5, 86.7%, 70.6%

CMYK

86.7%, 0.0%, 19.4%, 29.4%

OKLCH

0.6877 0.1297 171.8

Properties

Cool Light Nearest: Mountain Meadow

Color Harmonies

Complementary

#18B491

#B4183B

Analogous

#18B443

#1889B4

#18B491

Triadic

#18B491

#9118B4

#B49118

Split Complementary

#18B491

#B41889

#B44318

Tetradic

#18B491

#4318B4

#B4183B

#89B418

Color Blindness Simulation

Original

#18B491

Protanopia

#5C5D99

Deuteranopia

#52479C

Tritanopia

#20A0A2

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#F2FCFA
100
#E2F9F4
200
#C0F7EA
300
#93F1DC
400
#58E9C8
500
#1EE1B5
600
#18B491
700
#139074
800
#0F715B
900
#0F5243
950
#0A342A

Contrast Checker

Text on white

2.63:1

AA Fail AAA Fail

Text on black

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