Hex Color #88ADFD - Custom Color

Color Codes

HEX

#88ADFD

RGB

rgb(136, 173, 253)

HSL

hsl(221, 97%, 76%)

CMYK

cmyk(46%, 32%, 0%, 1%)

HSV

hsv(221, 46%, 99%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#86E7FD #86ACFD #9C86FD

Triadic

#86ACFD #FD86AC #ACFD86

Split Complementary

#86ACFD #FD9C86 #E7FD86

Tetradic (Square)

#86ACFD #FD86E7 #FDD886 #86FD9C

Complementary

#88ADFD #FDD886

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.22:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 9.44:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

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

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #88ADFD;

color: #88ADFD;

border-color: #88ADFD;

}

Tailwind CSS (with arbitrary values)

bg-[#88ADFD]

text-[#88ADFD]

border-[#88ADFD]

// Example usage: