Hex Color #7378DB - Custom Color

Color Codes

HEX

#7378DB

RGB

rgb(115, 120, 219)

HSL

hsl(237, 59%, 65%)

CMYK

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

HSV

hsv(237, 47%, 86%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#71ABDA #7176DA #A071DA

Triadic

#7176DA #DA7176 #76DA71

Split Complementary

#7176DA #DAA071 #ABDA71

Tetradic (Square)

#7176DA #DA71AB #DAD571 #71DAA0

Complementary

#7378DB #DAD571

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.86:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 5.44: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: #7378DB;

color: #7378DB;

border-color: #7378DB;

}

Tailwind CSS (with arbitrary values)

bg-[#7378DB]

text-[#7378DB]

border-[#7378DB]

// Example usage: