#18C8CC

#18C8CC

Color Values

HEX

#18C8CC

RGB

24, 200, 204

HSL

181.3, 78.9%, 44.7%

HSV

181.3, 88.2%, 80.0%

CMYK

88.2%, 2.0%, 0.0%, 20.0%

OKLCH

0.7568 0.1259 197.4

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#18C8CC

#CC1C18

Analogous

#18CC76

#186ECC

#18C8CC

Triadic

#18C8CC

#CC18C8

#C8CC18

Split Complementary

#18C8CC

#CC186E

#CC7618

Tetradic

#18C8CC

#7618CC

#CC1C18

#6ECC18

Color Blindness Simulation

Original

#18C8CC

Protanopia

#6466CB

Deuteranopia

#5A4DCB

Tritanopia

#21CACA

Achromatopsia

#A3A3A3

CSS Usage

background-color: #18C8CC;
color: #18C8CC;
border-color: #18C8CC;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F2FCFC
100
#E1F9F9
200
#BFF6F7
300
#92F0F2
400
#56E8EB
500
#1BE0E4
600
#16B3B6
700
#118F92
800
#0D7072
900
#0E5153
950
#093334

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

10.17:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026