Hex Color #AFBEE6 - Custom Color

Color Codes

HEX

#AFBEE6

RGB

rgb(175, 190, 230)

HSL

hsl(224, 52%, 79%)

CMYK

cmyk(24%, 17%, 0%, 10%)

HSV

hsv(224, 24%, 90%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#AED8E5 #AEBCE5 #BBAEE5

Triadic

#AEBCE5 #E5AEBC #BCE5AE

Split Complementary

#AEBCE5 #E5BBAE #D8E5AE

Tetradic (Square)

#AEBCE5 #E5AED8 #E5D6AE #AEE5BB

Complementary

#AFBEE6 #E5D6AE

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.85:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 11.33: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: #AFBEE6;

color: #AFBEE6;

border-color: #AFBEE6;

}

Tailwind CSS (with arbitrary values)

bg-[#AFBEE6]

text-[#AFBEE6]

border-[#AFBEE6]

// Example usage: