#18D2E7

#18D2E7

Color Values

HEX

#18D2E7

RGB

24, 210, 231

HSL

186.1, 81.2%, 50.0%

HSV

186.1, 89.6%, 90.6%

CMYK

89.6%, 9.1%, 0.0%, 9.4%

OKLCH

0.7911 0.1332 207.8

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#18D2E7

#E72D18

Analogous

#18E795

#186AE7

#18D2E7

Triadic

#18D2E7

#E718D2

#D2E718

Split Complementary

#18D2E7

#E7186A

#E79518

Tetradic

#18D2E7

#9518E7

#E72D18

#6AE718

Color Blindness Simulation

Original

#18D2E7

Protanopia

#696AE2

Deuteranopia

#5E50E1

Tritanopia

#21DEDD

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E1F7F9
200
#BEF2F8
300
#90E9F3
400
#54DEED
500
#18D2E7
600
#13A8B9
700
#0F8694
800
#0C6974
900
#0D4D54
950
#083035

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

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