#18ACB1

#18ACB1

Color Values

HEX

#18ACB1

RGB

24, 172, 177

HSL

182.0, 76.1%, 39.4%

HSV

182.0, 86.4%, 69.4%

CMYK

86.4%, 2.8%, 0.0%, 30.6%

OKLCH

0.6776 0.1116 198.6

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#18ACB1

#B11D18

Analogous

#18B16A

#185FB1

#18ACB1

Triadic

#18ACB1

#B118AC

#ACB118

Split Complementary

#18ACB1

#B1185F

#B16A18

Tetradic

#18ACB1

#6A18B1

#B11D18

#5FB118

Color Blindness Simulation

Original

#18ACB1

Protanopia

#5859B0

Deuteranopia

#5044B0

Tritanopia

#1FAFAF

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#F2FCFC
100
#E2F8F9
200
#C0F5F6
300
#93EDF0
400
#59E4E8
500
#1EDAE1
600
#18AEB4
700
#148C90
800
#0F6D70
900
#0F4F52
950
#0A3234

Contrast Checker

Text on white

2.77:1

AA Fail AAA Fail

Text on black

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