Hex Color #6638BF - Custom Color

Color Codes

HEX

#6638BF

RGB

rgb(102, 56, 191)

HSL

hsl(260, 55%, 48%)

CMYK

cmyk(47%, 71%, 0%, 25%)

HSV

hsv(260, 71%, 75%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#374EBE #6437BE #A737BE

Triadic

#6437BE #BE6437 #37BE64

Split Complementary

#6437BE #BEA737 #4EBE37

Tetradic (Square)

#6437BE #BE374E #91BE37 #37BEA7

Complementary

#6638BF #91BE37

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 7.28:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.88: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: #6638BF;

color: #6638BF;

border-color: #6638BF;

}

Tailwind CSS (with arbitrary values)

bg-[#6638BF]

text-[#6638BF]

border-[#6638BF]

// Example usage: