Hex Color #924EF2 - Custom Color

Color Codes

HEX

#924EF2

RGB

rgb(146, 78, 242)

HSL

hsl(265, 86%, 63%)

CMYK

cmyk(40%, 68%, 0%, 5%)

HSV

hsv(265, 68%, 95%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#505DF2 #9350F2 #E450F2

Triadic

#9350F2 #F29350 #50F293

Split Complementary

#9350F2 #F2E450 #5DF250

Tetradic (Square)

#9350F2 #F2505D #AEF250 #50F2E4

Complementary

#924EF2 #AEF250

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.59: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: #924EF2;

color: #924EF2;

border-color: #924EF2;

}

Tailwind CSS (with arbitrary values)

bg-[#924EF2]

text-[#924EF2]

border-[#924EF2]

// Example usage: