#ACCEC4

#ACCEC4

Color Values

HEX

#ACCEC4

RGB

172, 206, 196

HSL

162.4, 25.8%, 74.1%

HSV

162.4, 16.5%, 80.8%

CMYK

16.5%, 0.0%, 4.9%, 19.2%

OKLCH

0.8237 0.0388 175.6

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#ACCEC4

#CEACB6

Analogous

#ACCEB3

#ACC7CE

#ACCEC4

Triadic

#ACCEC4

#C4ACCE

#CEC4AC

Split Complementary

#ACCEC4

#CEACC7

#CEB3AC

Tetradic

#ACCEC4

#B3ACCE

#CEACB6

#C7CEAC

Color Blindness Simulation

Original

#ACCEC4

Protanopia

#BBBBC6

Deuteranopia

#B9B6C7

Tritanopia

#AEC8C9

Achromatopsia

#C6C6C6

CSS Usage

background-color: #ACCEC4;
color: #ACCEC4;
border-color: #ACCEC4;
Nearest Tailwind: Neutral 300 #D4D4D4

Tailwind Shades

50
#F6F9F8
100
#E9F1EF
200
#D2E5DF
300
#B2D2C8
400
#88B9AB
500
#5FA08D
600
#4C8071
700
#3D675A
800
#2F5047
900
#253C35
950
#172622

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

12.38: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