#00ACFF

#00ACFF

Color Values

HEX

#00ACFF

RGB

0, 172, 255

HSL

199.5, 100.0%, 50.0%

HSV

199.5, 100.0%, 100.0%

CMYK

100.0%, 32.5%, 0.0%, 0.0%

OKLCH

0.7117 0.1663 241.1

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#00ACFF

#FF5300

Analogous

#00FFD2

#002DFF

#00ACFF

Triadic

#00ACFF

#FF00AC

#ACFF00

Split Complementary

#00ACFF

#FF002D

#FFD200

Tetradic

#00ACFF

#D200FF

#FF5300

#2DFF00

Color Blindness Simulation

Original

#00ACFF

Protanopia

#4B4CEB

Deuteranopia

#4034E6

Tritanopia

#09DBD8

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#F1FAFE
100
#DEF2FC
200
#B8E8FF
300
#85D7FF
400
#42C2FF
500
#00ACFF
600
#008ACC
700
#006EA3
800
#005680
900
#05405C
950
#03283A

Contrast Checker

Text on white

2.52:1

AA Fail AAA Fail

Text on black

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