#ACCFD6

#ACCFD6

Color Values

HEX

#ACCFD6

RGB

172, 207, 214

HSL

190,0, 33,9%, 75,7%

HSV

190,0, 19,6%, 83,9%

CMYK

19,6%, 3,3%, 0,0%, 16,1%

OKLCH

0,8313 0,0384 211,1

Properties

Cool Light Nearest: NCS S 0520-B10G Ice Blue

Color Harmonies

Complementary

#ACCFD6

#D6B3AC

Analogous

#ACD6C8

#ACBAD6

#ACCFD6

Triadic

#ACCFD6

#D6ACCF

#CFD6AC

Split Complementary

#ACCFD6

#D6ACBA

#D6C8AC

Tetradic

#ACCFD6

#C8ACD6

#D6B3AC

#BAD6AC

Color Blindness Simulation

Original

#ACCFD6

Protanopia

#BBBBD4

Deuteranopia

#B9B6D4

Tritanopia

#AED3D3

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E8F1F2
200
#CFE3E7
300
#ADD0D7
400
#81B6C1
500
#549CAB
600
#437D89
700
#36646D
800
#2A4E55
900
#223A3F
950
#152528

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