#ACCBCF

#ACCBCF

Color Values

HEX

#ACCBCF

RGB

172, 203, 207

HSL

186.9, 26.7%, 74.3%

HSV

186.9, 16.9%, 81.2%

CMYK

16.9%, 1.9%, 0.0%, 18.8%

OKLCH

0.8206 0.0337 206.0

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#ACCBCF

#CFB0AC

Analogous

#ACCFC1

#ACB9CF

#ACCBCF

Triadic

#ACCBCF

#CFACCB

#CBCFAC

Split Complementary

#ACCBCF

#CFACB9

#CFC1AC

Tetradic

#ACCBCF

#C1ACCF

#CFB0AC

#B9CFAC

Color Blindness Simulation

Original

#ACCBCF

Protanopia

#B9BACE

Deuteranopia

#B8B5CE

Tritanopia

#AECDCD

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#E9F0F1
200
#D2E3E5
300
#B1CED2
400
#87B4BA
500
#5D9AA2
600
#4B7B81
700
#3C6267
800
#2F4D51
900
#25393C
950
#172426

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

12.2:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026