#A8B4FD

#A8B4FD

Color Values

HEX

#A8B4FD

RGB

168, 180, 253

HSL

231.5, 95.5%, 82.5%

HSV

231.5, 33.6%, 99.2%

CMYK

33.6%, 28.9%, 0.0%, 0.8%

OKLCH

0.7879 0.1048 276.5

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#A8B4FD

#FDF1A8

Analogous

#A8DEFD

#C6A8FD

#A8B4FD

Triadic

#A8B4FD

#FDA8B4

#B4FDA8

Split Complementary

#A8B4FD

#FDC6A8

#DEFDA8

Tetradic

#A8B4FD

#FDA8DE

#FDF1A8

#A8FDC6

Color Blindness Simulation

Original

#A8B4FD

Protanopia

#ADADEB

Deuteranopia

#ACACE7

Tritanopia

#A9DDDA

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#F1F3FE
100
#DFE3FC
200
#B9C3FD
300
#8798FC
400
#4760FB
500
#0628F9
600
#0520C7
700
#041AA0
800
#03147D
900
#07135A
950
#040C39

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

10.61:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026