#6B7EDB Color

#6B7EDB is rgb(107, 126, 219) in RGB and hsl(230, 61%, 64%) in HSL. The closest CSS named color is CornflowerBlue. Black text is most readable on this background.

#6B7EDB

HEX#6B7EDB

RGBrgb(107, 126, 219)

HSLhsl(230, 61%, 64%)

HSVhsv(230, 51%, 86%)

OKLCHoklch(62.1% 0.142 272.9)

CMYKcmyk(51%, 42%, 0%, 14%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #6B7EDB background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text3.73:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text5.63:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

Colors that pair well with #6B7EDB based on color wheel relationships. Click any swatch for its full breakdown.

Base#6B7EDB Complementary#DBC96B Analogous#6BB6DB Analogous#916BDB Triadic#DB6B7E Triadic#7EDB6B

Tints & Shades

Lighter tints and darker shades of #6B7EDB, useful for hover states, backgrounds, and text variants.

Tints

#8090E0 #94A2E5 #A9B4EA #B9C2EE #CED4F3 #E2E6F8

Shades

#465ED2 #2F47C1 #26399C #1E2D7B #152056 #0D1435

Use #6B7EDB in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex