Hex Color #9BB5EA - Custom Color

Color Codes

HEX

#9BB5EA

RGB

rgb(155, 181, 234)

HSL

hsl(220, 65%, 76%)

CMYK

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

HSV

hsv(220, 34%, 92%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#9ADCEA #9AB5EA #A79AEA

Triadic

#9AB5EA #EA9AB5 #B5EA9A

Split Complementary

#9AB5EA #EAA79A #DCEA9A

Tetradic (Square)

#9AB5EA #EA9ADC #EACF9A #9AEAA7

Complementary

#9BB5EA #EACF9A

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.06:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 10.19: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: #9BB5EA;

color: #9BB5EA;

border-color: #9BB5EA;

}

Tailwind CSS (with arbitrary values)

bg-[#9BB5EA]

text-[#9BB5EA]

border-[#9BB5EA]

// Example usage: