#A3CEC3

#A3CEC3

Color Values

HEX

#A3CEC3

RGB

163, 206, 195

HSL

164.7, 30.5%, 72.4%

HSV

164.7, 20.9%, 80.8%

CMYK

20.9%, 0.0%, 5.3%, 19.2%

OKLCH

0.8175 0.0479 177.7

Properties

Cool Light Nearest: paleturquoise 3

Color Harmonies

Complementary

#A3CEC3

#CEA3AE

Analogous

#A3CEAE

#A3C4CE

#A3CEC3

Triadic

#A3CEC3

#C3A3CE

#CEC3A3

Split Complementary

#A3CEC3

#CEA3C4

#CEAEA3

Tetradic

#A3CEC3

#AEA3CE

#CEA3AE

#C4CEA3

Color Blindness Simulation

Original

#A3CEC3

Protanopia

#B6B6C6

Deuteranopia

#B3B0C6

Tritanopia

#A5C8C8

Achromatopsia

#C4C4C4

CSS Usage

background-color: #A3CEC3;
color: #A3CEC3;
border-color: #A3CEC3;
Nearest Tailwind: Teal 100 #CCFBF1

Tailwind Shades

50
#F5F9F8
100
#E9F2EF
200
#D0E6E1
300
#AFD4CB
400
#84BDAF
500
#59A693
600
#478575
700
#396A5E
800
#2C5349
900
#233E37
950
#162723

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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