Hex Color #657AD8 - Custom Color

Color Codes

HEX

#657AD8

RGB

rgb(101, 122, 216)

HSL

hsl(229, 60%, 62%)

CMYK

cmyk(53%, 44%, 0%, 15%)

HSV

hsv(229, 53%, 85%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#64B3D8 #6479D8 #8964D8

Triadic

#6479D8 #D86479 #79D864

Split Complementary

#6479D8 #D88964 #B3D864

Tetradic (Square)

#6479D8 #D864B3 #D8C364 #64D889

Complementary

#657AD8 #D8C364

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.94:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 5.33: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: #657AD8;

color: #657AD8;

border-color: #657AD8;

}

Tailwind CSS (with arbitrary values)

bg-[#657AD8]

text-[#657AD8]

border-[#657AD8]

// Example usage: