#00ADFF

#00ADFF

Color Values

HEX

#00ADFF

RGB

0, 173, 255

HSL

199.3, 100.0%, 50.0%

HSV

199.3, 100.0%, 100.0%

CMYK

100.0%, 32.2%, 0.0%, 0.0%

OKLCH

0.714 0.1655 240.7

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#00ADFF

#FF5200

Analogous

#00FFD2

#002DFF

#00ADFF

Triadic

#00ADFF

#FF00AD

#ADFF00

Split Complementary

#00ADFF

#FF002D

#FFD200

Tetradic

#00ADFF

#D200FF

#FF5200

#2DFF00

Color Blindness Simulation

Original

#00ADFF

Protanopia

#4B4CEB

Deuteranopia

#4134E6

Tritanopia

#09DBD8

Achromatopsia

#8E8E8E

CSS Usage

background-color: #00ADFF;
color: #00ADFF;
border-color: #00ADFF;
Nearest Tailwind: Sky 500 #0EA5E9

Tailwind Shades

50
#F1FAFE
100
#DEF3FC
200
#B8E8FF
300
#85D8FF
400
#42C2FF
500
#00ADFF
600
#008ACC
700
#006FA3
800
#005680
900
#05405C
950
#03283A

Contrast Checker

Text on white

2.49:1

AA Fail AAA Fail

Text on black

8.42:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026