#A8DDFB

#A8DDFB

Color Values

HEX

#A8DDFB

RGB

168, 221, 251

HSL

201.7, 91.2%, 82.2%

HSV

201.7, 33.1%, 98.4%

CMYK

33.1%, 12.0%, 0.0%, 1.6%

OKLCH

0.871 0.0686 233.4

Properties

Cool Light Nearest: lightskyblue 1

Color Harmonies

Complementary

#A8DDFB

#FBC6A8

Analogous

#A8FBF0

#A8B4FB

#A8DDFB

Triadic

#A8DDFB

#FBA8DD

#DDFBA8

Split Complementary

#A8DDFB

#FBA8B4

#FBF0A8

Tetradic

#A8DDFB

#F0A8FB

#FBC6A8

#B4FBA8

Color Blindness Simulation

Original

#A8DDFB

Protanopia

#BFBFF4

Deuteranopia

#BCB8F2

Tritanopia

#ABEEED

Achromatopsia

#D4D4D4

CSS Usage

background-color: #A8DDFB;
color: #A8DDFB;
border-color: #A8DDFB;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F1F9FD
100
#DFF1FB
200
#BBE4FC
300
#8AD1FA
400
#4BB8F7
500
#0BA0F4
600
#0980C3
700
#07669C
800
#06507A
900
#093B58
950
#052638

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

14.4:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026