#ADDAF4

#ADDAF4

Color Values

HEX

#ADDAF4

RGB

173, 218, 244

HSL

202.0, 76.3%, 81.8%

HSV

202.0, 29.1%, 95.7%

CMYK

29.1%, 10.7%, 0.0%, 4.3%

OKLCH

0.8652 0.0592 233.7

Properties

Cool Light Nearest: lightskyblue 2

Color Harmonies

Complementary

#ADDAF4

#F4C7AD

Analogous

#ADF4EB

#ADB7F4

#ADDAF4

Triadic

#ADDAF4

#F4ADDA

#DAF4AD

Split Complementary

#ADDAF4

#F4ADB7

#F4EBAD

Tetradic

#ADDAF4

#EBADF4

#F4C7AD

#B7F4AD

Color Blindness Simulation

Original

#ADDAF4

Protanopia

#C0C1EE

Deuteranopia

#BEBAEC

Tritanopia

#AFE9E8

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F2F9FC
100
#E2F0F9
200
#C0E3F7
300
#93CEF0
400
#59B4E9
500
#1E99E1
600
#187BB4
700
#136290
800
#0F4D70
900
#0F3952
950
#0A2434

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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