Hex Color #622867 - Custom Color

Color Codes

HEX

#622867

RGB

rgb(98, 40, 103)

HSL

hsl(295, 44%, 28%)

CMYK

cmyk(5%, 61%, 0%, 60%)

HSV

hsv(295, 61%, 40%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#422867 #622867 #67284D

Triadic

#622867 #676228 #286762

Split Complementary

#622867 #4D6728 #286742

Tetradic (Square)

#622867 #674228 #2D6728 #284D67

Complementary

#622867 #2D6728

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 10.40:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.02: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: #622867;

color: #622867;

border-color: #622867;

}

Tailwind CSS (with arbitrary values)

bg-[#622867]

text-[#622867]

border-[#622867]

// Example usage: