Hex Color #ADE8EB - Custom Color

Color Codes

HEX

#ADE8EB

RGB

rgb(173, 232, 235)

HSL

hsl(183, 61%, 80%)

CMYK

cmyk(26%, 1%, 0%, 8%)

HSV

hsv(183, 26%, 92%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#ADEBCF #ADE8EB #ADC9EB

Triadic

#ADE8EB #EBADE8 #E8EBAD

Split Complementary

#ADE8EB #EBADC9 #EBCFAD

Tetradic (Square)

#ADE8EB #CFADEB #EBB0AD #C9EBAD

Complementary

#ADE8EB #EBB0AD

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.35:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 15.52: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: #ADE8EB;

color: #ADE8EB;

border-color: #ADE8EB;

}

Tailwind CSS (with arbitrary values)

bg-[#ADE8EB]

text-[#ADE8EB]

border-[#ADE8EB]

// Example usage: