#A3BCBE

#A3BCBE

Color Values

HEX

#A3BCBE

RGB

163, 188, 190

HSL

184.4, 17.2%, 69.2%

HSV

184.4, 14.2%, 74.5%

CMYK

14.2%, 1.1%, 0.0%, 25.5%

OKLCH

0.777 0.0274 202.5

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#A3BCBE

#BEA5A3

Analogous

#A3BEB2

#A3AEBE

#A3BCBE

Triadic

#A3BCBE

#BEA3BC

#BCBEA3

Split Complementary

#A3BCBE

#BEA3AE

#BEB2A3

Tetradic

#A3BCBE

#B2A3BE

#BEA5A3

#AEBEA3

Color Blindness Simulation

Original

#A3BCBE

Protanopia

#AEAEBE

Deuteranopia

#ACAABD

Tritanopia

#A4BDBD

Achromatopsia

#B7B7B7

CSS Usage

background-color: #A3BCBE;
color: #A3BCBE;
border-color: #A3BCBE;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F6F8F8
100
#EBEFF0
200
#D5E1E1
300
#B7CBCC
400
#90AEB1
500
#6A9295
600
#547578
700
#445E60
800
#35494B
900
#293738
950
#1A2323

Contrast Checker

Text on white

2.0:1

AA Fail AAA Fail

Text on black

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