#18DCE7

#18DCE7

Color Values

HEX

#18DCE7

RGB

24, 220, 231

HSL

183.2, 81.2%, 50.0%

HSV

183.2, 89.6%, 90.6%

CMYK

89.6%, 4.8%, 0.0%, 9.4%

OKLCH

0.815 0.1361 201.4

Properties

Cool Light Nearest: turquoise 2

Color Harmonies

Complementary

#18DCE7

#E72318

Analogous

#18E78B

#1874E7

#18DCE7

Triadic

#18DCE7

#E718DC

#DCE718

Split Complementary

#18DCE7

#E71874

#E78B18

Tetradic

#18DCE7

#8B18E7

#E72318

#74E718

Color Blindness Simulation

Original

#18DCE7

Protanopia

#6D6FE4

Deuteranopia

#6253E4

Tritanopia

#22E2E2

Achromatopsia

#B3B3B3

CSS Usage

background-color: #18DCE7;
color: #18DCE7;
border-color: #18DCE7;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F2FCFD
100
#E1F8F9
200
#BEF5F8
300
#90EEF3
400
#54E5ED
500
#18DCE7
600
#13B0B9
700
#0F8D94
800
#0C6E74
900
#0D5054
950
#083335

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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