Hex Color #695092 - Custom Color

Color Codes

HEX

#695092

RGB

rgb(105, 80, 146)

HSL

hsl(263, 29%, 44%)

CMYK

cmyk(28%, 45%, 0%, 43%)

HSV

hsv(263, 45%, 57%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#505791 #695091 #895091

Triadic

#695091 #916950 #509169

Split Complementary

#695091 #918950 #579150

Tetradic (Square)

#695091 #915057 #789150 #509189

Complementary

#695092 #789150

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 6.64:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.16: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: #695092;

color: #695092;

border-color: #695092;

}

Tailwind CSS (with arbitrary values)

bg-[#695092]

text-[#695092]

border-[#695092]

// Example usage: