#A4CFDF

#A4CFDF

Color Values

HEX

#A4CFDF

RGB

164, 207, 223

HSL

196.3, 48.0%, 75.9%

HSV

196.3, 26.5%, 87.5%

CMYK

26.5%, 7.2%, 0.0%, 12.5%

OKLCH

0.8291 0.0504 222.6

Properties

Cool Light Nearest: lightblue

Color Harmonies

Complementary

#A4CFDF

#DFB4A4

Analogous

#A4DFD2

#A4B2DF

#A4CFDF

Triadic

#A4CFDF

#DFA4CF

#CFDFA4

Split Complementary

#A4CFDF

#DFA4B2

#DFD2A4

Tetradic

#A4CFDF

#D2A4DF

#DFB4A4

#B2DFA4

Color Blindness Simulation

Original

#A4CFDF

Protanopia

#B7B7DB

Deuteranopia

#B4B1DA

Tritanopia

#A6D8D7

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F4F9FA
100
#E6F0F4
200
#CAE3EC
300
#A4CFDF
400
#73B5CE
500
#429BBD
600
#357C97
700
#2A6379
800
#214E5E
900
#1C3A45
950
#11252C

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

12.57:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026