Hex Color #300083 - Custom Color

Color Codes

HEX

#300083

RGB

rgb(48, 0, 131)

HSL

hsl(262, 100%, 26%)

CMYK

cmyk(63%, 100%, 0%, 49%)

HSV

hsv(262, 100%, 51%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#001285 #310085 #730085

Triadic

#310085 #853100 #008531

Split Complementary

#310085 #857300 #128500

Tetradic (Square)

#310085 #850012 #548500 #008573

Complementary

#300083 #548500

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 14.45:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.45: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: #300083;

color: #300083;

border-color: #300083;

}

Tailwind CSS (with arbitrary values)

bg-[#300083]

text-[#300083]

border-[#300083]

// Example usage: