Hex Color #89ADF1 - Custom Color

Color Codes

HEX

#89ADF1

RGB

rgb(137, 173, 241)

HSL

hsl(219, 79%, 74%)

CMYK

cmyk(43%, 28%, 0%, 5%)

HSV

hsv(219, 43%, 95%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#88E1F1 #88ADF1 #9888F1

Triadic

#88ADF1 #F188AD #ADF188

Split Complementary

#88ADF1 #F19888 #E1F188

Tetradic (Square)

#88ADF1 #F188E1 #F1CC88 #88F198

Complementary

#89ADF1 #F1CC88

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.26:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 9.31: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: #89ADF1;

color: #89ADF1;

border-color: #89ADF1;

}

Tailwind CSS (with arbitrary values)

bg-[#89ADF1]

text-[#89ADF1]

border-[#89ADF1]

// Example usage: