#A8AAFE

#A8AAFE

Color Values

HEX

#A8AAFE

RGB

168, 170, 254

HSL

238.6, 97.7%, 82.7%

HSV

238.6, 33.9%, 99.6%

CMYK

33.9%, 33.1%, 0.0%, 0.4%

OKLCH

0.7688 0.1195 282.2

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#A8AAFE

#FEFCA8

Analogous

#A8D5FE

#D1A8FE

#A8AAFE

Triadic

#A8AAFE

#FEA8AA

#AAFEA8

Split Complementary

#A8AAFE

#FED1A8

#D5FEA8

Tetradic

#A8AAFE

#FEA8D5

#FEFCA8

#A8FED1

Color Blindness Simulation

Original

#A8AAFE

Protanopia

#A9A9EA

Deuteranopia

#A9A9E5

Tritanopia

#A8DAD6

Achromatopsia

#B0B0B0

CSS Usage

background-color: #A8AAFE;
color: #A8AAFE;
border-color: #A8AAFE;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F1F1FE
100
#DEDFFC
200
#B8BAFE
300
#8689FE
400
#4449FD
500
#0309FC
600
#0207CA
700
#0206A1
800
#01047E
900
#06085B
950
#04053A

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

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