Hex Color #6392E7 - Custom Color

Color Codes

HEX

#6392E7

RGB

rgb(99, 146, 231)

HSL

hsl(219, 73%, 65%)

CMYK

cmyk(57%, 37%, 0%, 9%)

HSV

hsv(219, 57%, 91%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#65D3E7 #6592E7 #7865E7

Triadic

#6592E7 #E76592 #92E765

Split Complementary

#6592E7 #E77865 #D3E765

Tetradic (Square)

#6592E7 #E765D3 #E7B965 #65E778

Complementary

#6392E7 #E7B965

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.09:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 6.80:1

Pass - 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: #6392E7;

color: #6392E7;

border-color: #6392E7;

}

Tailwind CSS (with arbitrary values)

bg-[#6392E7]

text-[#6392E7]

border-[#6392E7]

// Example usage: