#A4ABD4

#A4ABD4

Color Values

HEX

#A4ABD4

RGB

164, 171, 212

HSL

231.3, 35.8%, 73.7%

HSV

231.3, 22.6%, 83.1%

CMYK

22.6%, 19.3%, 0.0%, 16.9%

OKLCH

0.7498 0.0595 277.3

Properties

Cool Light Nearest: Wild Blue Yonder

Color Harmonies

Complementary

#A4ABD4

#D4CDA4

Analogous

#A4C3D4

#B5A4D4

#A4ABD4

Triadic

#A4ABD4

#D4A4AB

#ABD4A4

Split Complementary

#A4ABD4

#D4B5A4

#C3D4A4

Tetradic

#A4ABD4

#D4A4C3

#D4CDA4

#A4D4B5

Color Blindness Simulation

Original

#A4ABD4

Protanopia

#A7A7CA

Deuteranopia

#A7A6C8

Tritanopia

#A4C2C1

Achromatopsia

#ACACAC

CSS Usage

background-color: #A4ABD4;
color: #A4ABD4;
border-color: #A4ABD4;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F6FA
100
#E8E9F3
200
#CFD2E8
300
#ACB2D8
400
#7F89C2
500
#525FAD
600
#414C8B
700
#343D6F
800
#293057
900
#212540
950
#151828

Contrast Checker

Text on white

2.24:1

AA Fail AAA Fail

Text on black

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