#10ADEF

#10ADEF

Color Values

HEX

#10ADEF

RGB

16, 173, 239

HSL

197.8, 87.5%, 50.0%

HSV

197.8, 93.3%, 93.7%

CMYK

93.3%, 27.6%, 0.0%, 6.3%

OKLCH

0.7065 0.1482 235.4

Properties

Cool Light Nearest: deepskyblue 2

Color Harmonies

Complementary

#10ADEF

#EF5210

Analogous

#10EFC2

#103DEF

#10ADEF

Triadic

#10ADEF

#EF10AD

#ADEF10

Split Complementary

#10ADEF

#EF103D

#EFC210

Tetradic

#10ADEF

#C210EF

#EF5210

#3DEF10

Color Blindness Simulation

Original

#10ADEF

Protanopia

#5455DF

Deuteranopia

#4B3FDB

Tritanopia

#18D2D0

Achromatopsia

#909090

CSS Usage

background-color: #10ADEF;
color: #10ADEF;
border-color: #10ADEF;
Nearest Tailwind: Sky 500 #0EA5E9

Tailwind Shades

50
#F2FAFD
100
#E0F3FA
200
#BCE8FB
300
#8CD8F7
400
#4EC2F3
500
#10ADEF
600
#0D8ABF
700
#0A6F99
800
#085678
900
#0A4057
950
#072837

Contrast Checker

Text on white

2.55:1

AA Fail AAA Fail

Text on black

8.25:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026