#A4CBC6

#A4CBC6

Color Values

HEX

#A4CBC6

RGB

164, 203, 198

HSL

172.3, 27.3%, 72.0%

HSV

172.3, 19.2%, 79.6%

CMYK

19.2%, 0.0%, 2.5%, 20.4%

OKLCH

0.8125 0.0419 186.8

Properties

Cool Light Nearest: paleturquoise 3

Color Harmonies

Complementary

#A4CBC6

#CBA4A9

Analogous

#A4CBB3

#A4BDCB

#A4CBC6

Triadic

#A4CBC6

#C6A4CB

#CBC6A4

Split Complementary

#A4CBC6

#CBA4BD

#CBB3A4

Tetradic

#A4CBC6

#B3A4CB

#CBA4A9

#BDCBA4

Color Blindness Simulation

Original

#A4CBC6

Protanopia

#B5B5C7

Deuteranopia

#B3B0C8

Tritanopia

#A6C8C8

Achromatopsia

#C2C2C2

CSS Usage

background-color: #A4CBC6;
color: #A4CBC6;
border-color: #A4CBC6;
Nearest Tailwind: Gray 300 #D1D5DB

Tailwind Shades

50
#F6F9F9
100
#E9F1F0
200
#D2E5E3
300
#B1D3CE
400
#87BAB4
500
#5DA299
600
#4A827B
700
#3B6862
800
#2E514D
900
#253C39
950
#172624

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

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