Hex Color #775CF2 - Custom Color

Color Codes

HEX

#775CF2

RGB

rgb(119, 92, 242)

HSL

hsl(251, 85%, 65%)

CMYK

cmyk(51%, 62%, 0%, 5%)

HSV

hsv(251, 62%, 95%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#5A8AF2 #765AF2 #C25AF2

Triadic

#765AF2 #F2765A #5AF276

Split Complementary

#765AF2 #F2C25A #8AF25A

Tetradic (Square)

#765AF2 #F25A8A #D6F25A #5AF2C2

Complementary

#775CF2 #D6F25A

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.57:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.60: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: #775CF2;

color: #775CF2;

border-color: #775CF2;

}

Tailwind CSS (with arbitrary values)

bg-[#775CF2]

text-[#775CF2]

border-[#775CF2]

// Example usage: