#18D7FF

#18D7FF

Color Values

HEX

#18D7FF

RGB

24, 215, 255

HSL

190.4, 100.0%, 54.7%

HSV

190.4, 90.6%, 100.0%

CMYK

90.6%, 15.7%, 0.0%, 0.0%

OKLCH

0.8125 0.1434 218.1

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#18D7FF

#FF4018

Analogous

#18FFB4

#1863FF

#18D7FF

Triadic

#18D7FF

#FF18D7

#D7FF18

Split Complementary

#18D7FF

#FF1863

#FFB418

Tetradic

#18D7FF

#B418FF

#FF4018

#63FF18

Color Blindness Simulation

Original

#18D7FF

Protanopia

#6B6CF5

Deuteranopia

#6051F3

Tritanopia

#22EEEC

Achromatopsia

#B1B1B1

CSS Usage

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

Tailwind Shades

50
#F1FCFE
100
#DEF7FC
200
#B8F3FF
300
#85EAFF
400
#42DEFF
500
#00D3FF
600
#00A9CC
700
#0087A3
800
#006980
900
#054D5C
950
#03313A

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

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