Hex Color #788BB2 - Custom Color

Color Codes

HEX

#788BB2

RGB

rgb(120, 139, 178)

HSL

hsl(220, 27%, 58%)

CMYK

cmyk(33%, 22%, 0%, 30%)

HSV

hsv(220, 33%, 70%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#77A7B1 #778AB1 #8177B1

Triadic

#778AB1 #B1778A #8AB177

Split Complementary

#778AB1 #B18177 #A7B177

Tetradic (Square)

#778AB1 #B177A7 #B19E77 #77B181

Complementary

#788BB2 #B19E77

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.42:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 6.13:1

Pass - WCAG AA (Normal Text)

Fail - 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: #788BB2;

color: #788BB2;

border-color: #788BB2;

}

Tailwind CSS (with arbitrary values)

bg-[#788BB2]

text-[#788BB2]

border-[#788BB2]

// Example usage: