Hex Color #93ADE0 - Custom Color

Color Codes

HEX

#93ADE0

RGB

rgb(147, 173, 224)

HSL

hsl(220, 55%, 73%)

CMYK

cmyk(34%, 23%, 0%, 12%)

HSV

hsv(220, 34%, 88%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#94D3E0 #94AEE0 #A194E0

Triadic

#94AEE0 #E094AE #AEE094

Split Complementary

#94AEE0 #E0A194 #D3E094

Tetradic (Square)

#94AEE0 #E094D3 #E0C794 #94E0A1

Complementary

#93ADE0 #E0C794

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.29: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: #93ADE0;

color: #93ADE0;

border-color: #93ADE0;

}

Tailwind CSS (with arbitrary values)

bg-[#93ADE0]

text-[#93ADE0]

border-[#93ADE0]

// Example usage: