Hex Color #6259BA - Custom Color

Color Codes

HEX

#6259BA

RGB

rgb(98, 89, 186)

HSL

hsl(246, 41%, 54%)

CMYK

cmyk(47%, 52%, 0%, 27%)

HSV

hsv(246, 52%, 73%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#5A80BA #635ABA #935ABA

Triadic

#635ABA #BA635A #5ABA63

Split Complementary

#635ABA #BA935A #80BA5A

Tetradic (Square)

#635ABA #BA5A80 #B0BA5A #5ABA93

Complementary

#6259BA #B0BA5A

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 5.74:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.66: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: #6259BA;

color: #6259BA;

border-color: #6259BA;

}

Tailwind CSS (with arbitrary values)

bg-[#6259BA]

text-[#6259BA]

border-[#6259BA]

// Example usage: