#A7CDF8

#A7CDF8

Color Values

HEX

#A7CDF8

RGB

167, 205, 248

HSL

211.9, 85.3%, 81.4%

HSV

211.9, 32.7%, 97.3%

CMYK

32.7%, 17.3%, 0.0%, 2.7%

OKLCH

0.8358 0.0729 251.8

Properties

Cool Light Nearest: lightskyblue

Color Harmonies

Complementary

#A7CDF8

#F8D2A7

Analogous

#A7F5F8

#AAA7F8

#A7CDF8

Triadic

#A7CDF8

#F8A7CD

#CDF8A7

Split Complementary

#A7CDF8

#F8AAA7

#F5F8A7

Tetradic

#A7CDF8

#F8A7F5

#F8D2A7

#A7F8AA

Color Blindness Simulation

Original

#A7CDF8

Protanopia

#B7B8EE

Deuteranopia

#B5B2EB

Tritanopia

#A9E5E4

Achromatopsia

#C8C8C8

CSS Usage

background-color: #A7CDF8;
color: #A7CDF8;
border-color: #A7CDF8;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F2F7FD
100
#E0ECFA
200
#BDD9FA
300
#8EBEF6
400
#509CF1
500
#1379EC
600
#0F60BD
700
#0C4D97
800
#093C76
900
#0B2E56
950
#071D36

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

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