#A5CFD8

#A5CFD8

Color Values

HEX

#A5CFD8

RGB

165, 207, 216

HSL

190.6, 39.5%, 74.7%

HSV

190.6, 23.6%, 84.7%

CMYK

23.6%, 4.2%, 0.0%, 15.3%

OKLCH

0.8274 0.0459 212.2

Properties

Cool Light Nearest: NCS S 0520-B10G Ice Blue

Color Harmonies

Complementary

#A5CFD8

#D8AEA5

Analogous

#A5D8C7

#A5B5D8

#A5CFD8

Triadic

#A5CFD8

#D8A5CF

#CFD8A5

Split Complementary

#A5CFD8

#D8A5B5

#D8C7A5

Tetradic

#A5CFD8

#C7A5D8

#D8AEA5

#B5D8A5

Color Blindness Simulation

Original

#A5CFD8

Protanopia

#B7B8D6

Deuteranopia

#B5B2D5

Tritanopia

#A7D4D4

Achromatopsia

#C7C7C7

CSS Usage

background-color: #A5CFD8;
color: #A5CFD8;
border-color: #A5CFD8;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F5F9FA
100
#E7F1F3
200
#CDE4E9
300
#AAD1DA
400
#7BB9C6
500
#4DA0B2
600
#3E808E
700
#316672
800
#275059
900
#1F3C42
950
#142629

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

12.52:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026