#18ACBB

#18ACBB

Color Values

HEX

#18ACBB

RGB

24, 172, 187

HSL

185.5, 77.3%, 41.4%

HSV

185.5, 87.2%, 73.3%

CMYK

87.2%, 8.0%, 0.0%, 26.7%

OKLCH

0.6814 0.113 206.2

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#18ACBB

#BB2718

Analogous

#18BB79

#185BBB

#18ACBB

Triadic

#18ACBB

#BB18AC

#ACBB18

Split Complementary

#18ACBB

#BB185B

#BB7918

Tetradic

#18ACBB

#7918BB

#BB2718

#5BBB18

Color Blindness Simulation

Original

#18ACBB

Protanopia

#5859B7

Deuteranopia

#5044B6

Tritanopia

#1FB5B4

Achromatopsia

#8E8E8E

CSS Usage

background-color: #18ACBB;
color: #18ACBB;
border-color: #18ACBB;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F2FBFC
100
#E1F7F9
200
#C0F2F7
300
#92E8F1
400
#58DCEA
500
#1DD0E2
600
#17A6B5
700
#138591
800
#0E6871
900
#0F4C52
950
#093034

Contrast Checker

Text on white

2.74:1

AA Fail AAA Fail

Text on black

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