#18BFE7

#18BFE7

Color Values

HEX

#18BFE7

RGB

24, 191, 231

HSL

191.6, 81.2%, 50.0%

HSV

191.6, 89.6%, 90.6%

CMYK

89.6%, 17.3%, 0.0%, 9.4%

OKLCH

0.7458 0.1331 220.6

Properties

Cool Light Nearest: Cerulean

Color Harmonies

Complementary

#18BFE7

#E74018

Analogous

#18E7A8

#1857E7

#18BFE7

Triadic

#18BFE7

#E718BF

#BFE718

Split Complementary

#18BFE7

#E71857

#E7A818

Tetradic

#18BFE7

#A818E7

#E74018

#57E718

Color Blindness Simulation

Original

#18BFE7

Protanopia

#6062DD

Deuteranopia

#574ADB

Tritanopia

#20D6D4

Achromatopsia

#9E9E9E

CSS Usage

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

Tailwind Shades

50
#F2FBFD
100
#E1F5F9
200
#BEEDF8
300
#90E0F3
400
#54D0ED
500
#18BFE7
600
#1399B9
700
#0F7A94
800
#0C5F74
900
#0D4654
950
#082C35

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

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