#18C1BC

#18C1BC

Color Values

HEX

#18C1BC

RGB

24, 193, 188

HSL

178.2, 77.9%, 42.5%

HSV

178.2, 87.6%, 75.7%

CMYK

87.6%, 0.0%, 2.6%, 24.3%

OKLCH

0.734 0.1231 191.4

Properties

Cool Light Nearest: Robin Egg Blue

Color Harmonies

Complementary

#18C1BC

#C1181D

Analogous

#18C167

#1871C1

#18C1BC

Triadic

#18C1BC

#BC18C1

#C1BC18

Split Complementary

#18C1BC

#C11871

#C16718

Tetradic

#18C1BC

#6718C1

#C1181D

#71C118

Color Blindness Simulation

Original

#18C1BC

Protanopia

#6163BD

Deuteranopia

#574BBE

Tritanopia

#20BEBE

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#F2FCFC
100
#E1F9F8
200
#BFF7F5
300
#92F1EF
400
#57EAE6
500
#1CE3DD
600
#17B5B1
700
#12918D
800
#0E716E
900
#0E5250
950
#093433

Contrast Checker

Text on white

2.24:1

AA Fail AAA Fail

Text on black

9.39:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026