#6983BF Color

#6983BF is rgb(105, 131, 191) in RGB and hsl(222, 40%, 58%) in HSL. The closest CSS named color is SteelBlue. Black text is most readable on this background.

#6983BF

HEX#6983BF

RGBrgb(105, 131, 191)

HSLhsl(222, 40%, 58%)

HSVhsv(222, 45%, 75%)

OKLCHoklch(61.5% 0.096 265.8)

CMYKcmyk(45%, 31%, 0%, 25%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#6983BF Complementary#BFA569 Analogous#69AEBF Analogous#7A69BF Triadic#BF6983 Triadic#83BF69

Tints & Shades

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

Tints

#7E95C8 #90A3D0 #A6B5D9 #BBC7E2 #D1D9EB #E2E7F3

Shades

#4D6BB3 #425C9A #364B7D #293A60 #1D2944 #121A2B

Use #6983BF in Our Tools

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