#18BEE7

#18BEE7

Color Values

HEX

#18BEE7

RGB

24, 190, 231

HSL

191.9, 81.2%, 50.0%

HSV

191.9, 89.6%, 90.6%

CMYK

89.6%, 17.7%, 0.0%, 9.4%

OKLCH

0.7434 0.1333 221.3

Properties

Cool Light Nearest: Cerulean

Color Harmonies

Complementary

#18BEE7

#E74118

Analogous

#18E7A9

#1856E7

#18BEE7

Triadic

#18BEE7

#E718BE

#BEE718

Split Complementary

#18BEE7

#E71856

#E7A918

Tetradic

#18BEE7

#A918E7

#E74118

#56E718

Color Blindness Simulation

Original

#18BEE7

Protanopia

#6061DD

Deuteranopia

#564ADB

Tritanopia

#20D5D4

Achromatopsia

#9E9E9E

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

2.2:1

AA Fail AAA Fail

Text on black

9.56:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026