#A5F3FC

#A5F3FC

Color Values

HEX

#A5F3FC

RGB

165, 243, 252

HSL

186.2, 93.5%, 81.8%

HSV

186.2, 34.5%, 98.8%

CMYK

34.5%, 3.6%, 0.0%, 1.2%

OKLCH

0.9167 0.0772 205.0

Properties

Cool Light Nearest: cadetblue 1

Color Harmonies

Complementary

#A5F3FC

#FCAEA5

Analogous

#A5FCDA

#A5C8FC

#A5F3FC

Triadic

#A5F3FC

#FCA5F3

#F3FCA5

Split Complementary

#A5F3FC

#FCA5C8

#FCDAA5

Tetradic

#A5F3FC

#DAA5FC

#FCAEA5

#C8FCA5

Color Blindness Simulation

Original

#A5F3FC

Protanopia

#C7C7FA

Deuteranopia

#C2BCF9

Tritanopia

#A9F8F8

Achromatopsia

#E3E3E3

CSS Usage

background-color: #A5F3FC;
color: #A5F3FC;
border-color: #A5F3FC;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F1FCFD
100
#DFF8FB
200
#BAF6FD
300
#89EFFB
400
#48E7F9
500
#08DEF7
600
#07B2C5
700
#058E9E
800
#046F7B
900
#085159
950
#053338

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

16.83:1

AA Pass AAA Pass

Part of These Collections

Tailwind CSS — Cyan

Cyan 200

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026