Hex Color #6E87BB - Custom Color

Color Codes

HEX

#6E87BB

RGB

rgb(110, 135, 187)

HSL

hsl(221, 36%, 58%)

CMYK

cmyk(41%, 28%, 0%, 27%)

HSV

hsv(221, 41%, 73%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#6DACBA #6D86BA #7B6DBA

Triadic

#6D86BA #BA6D86 #86BA6D

Split Complementary

#6D86BA #BA7B6D #ACBA6D

Tetradic (Square)

#6D86BA #BA6DAC #BAA26D #6DBA7B

Complementary

#6E87BB #BAA26D

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.59:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 5.85: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: #6E87BB;

color: #6E87BB;

border-color: #6E87BB;

}

Tailwind CSS (with arbitrary values)

bg-[#6E87BB]

text-[#6E87BB]

border-[#6E87BB]

// Example usage: