Hex Color #693DF2 - Custom Color

Color Codes

HEX

#693DF2

RGB

rgb(105, 61, 242)

HSL

hsl(255, 87%, 59%)

CMYK

cmyk(57%, 75%, 0%, 5%)

HSV

hsv(255, 75%, 95%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#3B69F1 #693BF1 #C43BF1

Triadic

#693BF1 #F1693B #3BF169

Split Complementary

#693BF1 #F1C43B #69F13B

Tetradic (Square)

#693BF1 #F13B69 #C4F13B #3BF1C4

Complementary

#693DF2 #C4F13B

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 5.91:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.55: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: #693DF2;

color: #693DF2;

border-color: #693DF2;

}

Tailwind CSS (with arbitrary values)

bg-[#693DF2]

text-[#693DF2]

border-[#693DF2]

// Example usage: