#A7C7F3

#A7C7F3

Color Values

HEX

#A7C7F3

RGB

167, 199, 243

HSL

214.7, 76.0%, 80.4%

HSV

214.7, 31.3%, 95.3%

CMYK

31.3%, 18.1%, 0.0%, 4.7%

OKLCH

0.8214 0.0713 256.4

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#A7C7F3

#F3D3A7

Analogous

#A7EDF3

#ADA7F3

#A7C7F3

Triadic

#A7C7F3

#F3A7C7

#C7F3A7

Split Complementary

#A7C7F3

#F3ADA7

#EDF3A7

Tetradic

#A7C7F3

#F3A7ED

#F3D3A7

#A7F3AD

Color Blindness Simulation

Original

#A7C7F3

Protanopia

#B5B5E8

Deuteranopia

#B3B1E6

Tritanopia

#A9E0DE

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F2F7FC
100
#E2EBF9
200
#C0D7F6
300
#93BBF0
400
#5995E8
500
#1F70E0
600
#185AB4
700
#144890
800
#0F3870
900
#0F2B52
950
#0A1B34

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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