Hex Color #4F0FB4 - Custom Color

Color Codes

HEX

#4F0FB4

RGB

rgb(79, 15, 180)

HSL

hsl(263, 85%, 38%)

CMYK

cmyk(56%, 92%, 0%, 29%)

HSV

hsv(263, 92%, 71%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#0F22B3 #4E0FB3 #A00FB3

Triadic

#4E0FB3 #B34E0F #0FB34E

Split Complementary

#4E0FB3 #B3A00F #22B30F

Tetradic (Square)

#4E0FB3 #B30F22 #74B30F #0FB3A0

Complementary

#4F0FB4 #74B30F

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 10.19:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.06: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: #4F0FB4;

color: #4F0FB4;

border-color: #4F0FB4;

}

Tailwind CSS (with arbitrary values)

bg-[#4F0FB4]

text-[#4F0FB4]

border-[#4F0FB4]

// Example usage: