#ACDEF7

#ACDEF7

Color Values

HEX

#ACDEF7

RGB

172, 222, 247

HSL

200,0, 82,4%, 82,2%

HSV

200,0, 30,4%, 96,9%

CMYK

30,4%, 10,1%, 0,0%, 3,1%

OKLCH

0,8741 0,0621 230,0

Properties

Cool Light Nearest: lightskyblue 1

Color Harmonies

Complementary

#ACDEF7

#F7C5AC

Analogous

#ACF7EB

#ACB9F7

#ACDEF7

Triadic

#ACDEF7

#F7ACDE

#DEF7AC

Split Complementary

#ACDEF7

#F7ACB9

#F7EBAC

Tetradic

#ACDEF7

#EBACF7

#F7C5AC

#B9F7AC

Color Blindness Simulation

Original

#ACDEF7

Protanopia

#C2C2F1

Deuteranopia

#BFBBEF

Tritanopia

#AEECEB

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#F2F9FD
100
#E1F1FA
200
#BEE5F9
300
#8FD3F4
400
#53BBEE
500
#16A3E9
600
#1282BA
700
#0E6895
800
#0B5174
900
#0D3C54
950
#082635

Contrast Checker

Text on white

1,44:1

AA Fail AAA Fail

Text on black

14,55: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