#18AFF5

#18AFF5

Color Values

HEX

#18AFF5

RGB

24, 175, 245

HSL

199.0, 91.7%, 52.7%

HSV

199.0, 90.2%, 96.1%

CMYK

90.2%, 28.6%, 0.0%, 3.9%

OKLCH

0.7149 0.1516 237.0

Properties

Cool Light Nearest: deepskyblue 2

Color Harmonies

Complementary

#18AFF5

#F55E18

Analogous

#18F5CC

#1840F5

#18AFF5

Triadic

#18AFF5

#F518AF

#AFF518

Split Complementary

#18AFF5

#F51840

#F5CC18

Tetradic

#18AFF5

#CC18F5

#F55E18

#40F518

Color Blindness Simulation

Original

#18AFF5

Protanopia

#595BE4

Deuteranopia

#5145E0

Tritanopia

#20D7D4

Achromatopsia

#949494

CSS Usage

background-color: #18AFF5;
color: #18AFF5;
border-color: #18AFF5;
Nearest Tailwind: Sky 500 #0EA5E9

Tailwind Shades

50
#F1FAFD
100
#DFF2FB
200
#BBE7FC
300
#8AD6FA
400
#4AC0F7
500
#0BAAF4
600
#0888C4
700
#076D9C
800
#05557A
900
#083F58
950
#052838

Contrast Checker

Text on white

2.47:1

AA Fail AAA Fail

Text on black

8.49:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026