Hex Color #AADBFE - Custom Color

Color Codes

HEX

#AADBFE

RGB

rgb(170, 219, 254)

HSL

hsl(205, 98%, 83%)

CMYK

cmyk(33%, 14%, 0%, 0%)

HSV

hsv(205, 33%, 100%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#A9FEF7 #A9DBFE #A9B0FE

Triadic

#A9DBFE #FEA9DB #DBFEA9

Split Complementary

#A9DBFE #FEA9B0 #FEF7A9

Tetradic (Square)

#A9DBFE #F7A9FE #FECDA9 #B0FEA9

Complementary

#AADBFE #FECDA9

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.47:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 14.27: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: #AADBFE;

color: #AADBFE;

border-color: #AADBFE;

}

Tailwind CSS (with arbitrary values)

bg-[#AADBFE]

text-[#AADBFE]

border-[#AADBFE]

// Example usage: