#A1C5FD

#A1C5FD

Color Values

HEX

#A1C5FD

RGB

161, 197, 253

HSL

216.5, 95.8%, 81.2%

HSV

216.5, 36.4%, 99.2%

CMYK

36.4%, 22.1%, 0.0%, 0.8%

OKLCH

0.8175 0.0885 259.1

Properties

Cool Light Nearest: skyblue 1

Color Harmonies

Complementary

#A1C5FD

#FDD9A1

Analogous

#A1F3FD

#ABA1FD

#A1C5FD

Triadic

#A1C5FD

#FDA1C5

#C5FDA1

Split Complementary

#A1C5FD

#FDABA1

#F3FDA1

Tetradic

#A1C5FD

#FDA1F3

#FDD9A1

#A1FDAB

Color Blindness Simulation

Original

#A1C5FD

Protanopia

#B1B1EF

Deuteranopia

#AEACEC

Tritanopia

#A3E5E2

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#F1F6FE
100
#DFEAFC
200
#B9D4FE
300
#87B5FC
400
#468DFB
500
#0565FA
600
#0451C8
700
#0341A0
800
#03337D
900
#07275A
950
#041939

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

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