#A8C9FD

#A8C9FD

Color Values

HEX

#A8C9FD

RGB

168, 201, 253

HSL

216.7, 95.5%, 82.5%

HSV

216.7, 33.6%, 99.2%

CMYK

33.6%, 20.6%, 0.0%, 0.8%

OKLCH

0.8301 0.0817 259.4

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#A8C9FD

#FDDCA8

Analogous

#A8F3FD

#B1A8FD

#A8C9FD

Triadic

#A8C9FD

#FDA8C9

#C9FDA8

Split Complementary

#A8C9FD

#FDB1A8

#F3FDA8

Tetradic

#A8C9FD

#FDA8F3

#FDDCA8

#A8FDB1

Color Blindness Simulation

Original

#A8C9FD

Protanopia

#B6B7F0

Deuteranopia

#B4B2ED

Tritanopia

#AAE6E4

Achromatopsia

#C6C6C6

CSS Usage

background-color: #A8C9FD;
color: #A8C9FD;
border-color: #A8C9FD;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F1F6FE
100
#DFEAFC
200
#B9D4FD
300
#87B5FC
400
#478DFB
500
#0664F9
600
#0550C7
700
#0440A0
800
#03327D
900
#07275A
950
#041939

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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