#ACE2F7

#ACE2F7

Color Values

HEX

#ACE2F7

RGB

172, 226, 247

HSL

196,8, 82,4%, 82,2%

HSV

196,8, 30,4%, 96,9%

CMYK

30,4%, 8,5%, 0,0%, 3,1%

OKLCH

0,8825 0,0624 223,8

Properties

Cool Light Nearest: lightblue 2

Color Harmonies

Complementary

#ACE2F7

#F7C1AC

Analogous

#ACF7E7

#ACBDF7

#ACE2F7

Triadic

#ACE2F7

#F7ACE2

#E2F7AC

Split Complementary

#ACE2F7

#F7ACBD

#F7E7AC

Tetradic

#ACE2F7

#E7ACF7

#F7C1AC

#BDF7AC

Color Blindness Simulation

Original

#ACE2F7

Protanopia

#C3C4F2

Deuteranopia

#C0BCF1

Tritanopia

#AFEEED

Achromatopsia

#D8D8D8

CSS Usage

background-color: #ACE2F7;
color: #ACE2F7;
border-color: #ACE2F7;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F2FAFD
100
#E1F3FA
200
#BEE8F9
300
#8FD8F4
400
#53C3EE
500
#16AEE9
600
#128BBA
700
#0E6F95
800
#0B5774
900
#0D4054
950
#082935

Contrast Checker

Text on white

1,4:1

AA Fail AAA Fail

Text on black

14,98:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026