#A7D3F0

#A7D3F0

Color Values

HEX

#A7D3F0

RGB

167, 211, 240

HSL

203.8, 70.9%, 79.8%

HSV

203.8, 30.4%, 94.1%

CMYK

30.4%, 12.1%, 0.0%, 5.9%

OKLCH

0.8454 0.0615 237.3

Properties

Cool Light Nearest: lightskyblue 2

Color Harmonies

Complementary

#A7D3F0

#F0C4A7

Analogous

#A7F0E8

#A7AFF0

#A7D3F0

Triadic

#A7D3F0

#F0A7D3

#D3F0A7

Split Complementary

#A7D3F0

#F0A7AF

#F0E8A7

Tetradic

#A7D3F0

#E8A7F0

#F0C4A7

#AFF0A7

Color Blindness Simulation

Original

#A7D3F0

Protanopia

#BABAE9

Deuteranopia

#B8B4E7

Tritanopia

#A9E3E2

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E2EFF8
200
#C2E1F5
300
#96CBED
400
#5EAEE4
500
#2592DA
600
#1E75AE
700
#185E8B
800
#13496D
900
#12374F
950
#0B2332

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

13.22:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026