#AACFDA

#AACFDA

Color Values

HEX

#AACFDA

RGB

170, 207, 218

HSL

193,8, 39,3%, 76,1%

HSV

193,8, 22,0%, 85,5%

CMYK

22,0%, 5,0%, 0,0%, 14,5%

OKLCH

0,8313 0,0421 217,7

Properties

Cool Light Nearest: lightblue

Color Harmonies

Complementary

#AACFDA

#DAB5AA

Analogous

#AADACD

#AAB7DA

#AACFDA

Triadic

#AACFDA

#DAAACF

#CFDAAA

Split Complementary

#AACFDA

#DAAAB7

#DACDAA

Tetradic

#AACFDA

#CDAADA

#DAB5AA

#B7DAAA

Color Blindness Simulation

Original

#AACFDA

Protanopia

#BABAD7

Deuteranopia

#B8B5D7

Tritanopia

#ACD5D5

Achromatopsia

#C8C8C8

CSS Usage

background-color: #AACFDA;
color: #AACFDA;
border-color: #AACFDA;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F5F9FA
100
#E7F0F3
200
#CDE3E9
300
#AACFDA
400
#7CB5C6
500
#4D9BB2
600
#3E7C8E
700
#326372
800
#274D59
900
#1F3A42
950
#142429

Contrast Checker

Text on white

1,66:1

AA Fail AAA Fail

Text on black

12,65:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026