Hex Color #AADEFA - Custom Color

Color Codes

HEX

#AADEFA

RGB

rgb(170, 222, 250)

HSL

hsl(201, 89%, 82%)

CMYK

cmyk(32%, 11%, 0%, 2%)

HSV

hsv(201, 32%, 98%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#A8FAEE #A8DDFA #A8B5FA

Triadic

#A8DDFA #FAA8DD #DDFAA8

Split Complementary

#A8DDFA #FAA8B5 #FAEEA8

Tetradic (Square)

#A8DDFA #EEA8FA #FAC5A8 #B5FAA8

Complementary

#AADEFA #FAC5A8

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.44:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 14.54:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use black text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #AADEFA;

color: #AADEFA;

border-color: #AADEFA;

}

Tailwind CSS (with arbitrary values)

bg-[#AADEFA]

text-[#AADEFA]

border-[#AADEFA]

// Example usage: