#A0D0FD

#A0D0FD

Color Values

HEX

#A0D0FD

RGB

160, 208, 253

HSL

209.0, 95.9%, 81.0%

HSV

209.0, 36.8%, 99.2%

CMYK

36.8%, 17.8%, 0.0%, 0.8%

OKLCH

0.8397 0.0809 247.2

Properties

Cool Light Nearest: skyblue 1

Color Harmonies

Complementary

#A0D0FD

#FDCDA0

Analogous

#A0FDFB

#A0A2FD

#A0D0FD

Triadic

#A0D0FD

#FDA0D0

#D0FDA0

Split Complementary

#A0D0FD

#FDA0A2

#FDFBA0

Tetradic

#A0D0FD

#FBA0FD

#FDCDA0

#A2FDA0

Color Blindness Simulation

Original

#A0D0FD

Protanopia

#B5B5F2

Deuteranopia

#B2AEF0

Tritanopia

#A2EAE8

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#F1F8FE
100
#DFEEFC
200
#B9DCFE
300
#87C4FC
400
#46A4FB
500
#0584FA
600
#0469C8
700
#0354A0
800
#03427D
900
#07325A
950
#041F39

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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