Hex Color #789BDC - Custom Color

Color Codes

HEX

#789BDC

RGB

rgb(120, 155, 220)

HSL

hsl(219, 59%, 67%)

CMYK

cmyk(45%, 30%, 0%, 14%)

HSV

hsv(219, 45%, 86%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#79CEDC #799CDC #8879DC

Triadic

#799CDC #DC799C #9CDC79

Split Complementary

#799CDC #DC8879 #CEDC79

Tetradic (Square)

#799CDC #DC79CE #DCBA79 #79DC88

Complementary

#789BDC #DCBA79

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.79:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 7.52: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: #789BDC;

color: #789BDC;

border-color: #789BDC;

}

Tailwind CSS (with arbitrary values)

bg-[#789BDC]

text-[#789BDC]

border-[#789BDC]

// Example usage: