#ACEFF8

#ACEFF8

Color Values

HEX

#ACEFF8

RGB

172, 239, 248

HSL

187.1, 84.4%, 82.4%

HSV

187.1, 30.6%, 97.3%

CMYK

30.6%, 3.6%, 0.0%, 2.7%

OKLCH

0.9105 0.0678 206.5

Properties

Cool Light Nearest: Blizzard Blue

Color Harmonies

Complementary

#ACEFF8

#F8B5AC

Analogous

#ACF8DB

#ACC9F8

#ACEFF8

Triadic

#ACEFF8

#F8ACEF

#EFF8AC

Split Complementary

#ACEFF8

#F8ACC9

#F8DBAC

Tetradic

#ACEFF8

#DBACF8

#F8B5AC

#C9F8AC

Color Blindness Simulation

Original

#ACEFF8

Protanopia

#C9CAF6

Deuteranopia

#C5C0F5

Tritanopia

#AFF4F4

Achromatopsia

#E1E1E1

CSS Usage

background-color: #ACEFF8;
color: #ACEFF8;
border-color: #ACEFF8;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F2FCFD
100
#E0F7FA
200
#BDF2F9
300
#8EE9F5
400
#51DDF0
500
#14D2EB
600
#10A8BC
700
#0D8696
800
#0A6976
900
#0C4D55
950
#073036

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

16.46:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026