#A7CFD3

#A7CFD3

Color Values

HEX

#A7CFD3

RGB

167, 207, 211

HSL

185.5, 33.3%, 74.1%

HSV

185.5, 20.9%, 82.7%

CMYK

20.9%, 1.9%, 0.0%, 17.3%

OKLCH

0.8271 0.0425 203.9

Properties

Cool Light Nearest: NCS S 0520-B10G Ice Blue

Color Harmonies

Complementary

#A7CFD3

#D3ABA7

Analogous

#A7D3C1

#A7B9D3

#A7CFD3

Triadic

#A7CFD3

#D3A7CF

#CFD3A7

Split Complementary

#A7CFD3

#D3A7B9

#D3C1A7

Tetradic

#A7CFD3

#C1A7D3

#D3ABA7

#B9D3A7

Color Blindness Simulation

Original

#A7CFD3

Protanopia

#B8B9D2

Deuteranopia

#B6B3D2

Tritanopia

#A9D1D1

Achromatopsia

#C7C7C7

CSS Usage

background-color: #A7CFD3;
color: #A7CFD3;
border-color: #A7CFD3;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F5F9FA
100
#E8F1F2
200
#CFE5E7
300
#ADD2D6
400
#81BAC0
500
#55A2AA
600
#448288
700
#36686D
800
#2B5155
900
#223C3F
950
#152628

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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