Hex Color #492FFA - Custom Color

Color Codes

HEX

#492FFA

RGB

rgb(73, 47, 250)

HSL

hsl(248, 95%, 58%)

CMYK

cmyk(71%, 81%, 0%, 2%)

HSV

hsv(248, 81%, 98%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#2E79FA #492EFA #AF2EFA

Triadic

#492EFA #FA492E #2EFA49

Split Complementary

#492EFA #FAAF2E #79FA2E

Tetradic (Square)

#492EFA #FA2E79 #DFFA2E #2EFAAF

Complementary

#492FFA #DFFA2E

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 6.84:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.07:1

Fail - 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: #492FFA;

color: #492FFA;

border-color: #492FFA;

}

Tailwind CSS (with arbitrary values)

bg-[#492FFA]

text-[#492FFA]

border-[#492FFA]

// Example usage: