#6992D3 Color

#6992D3 is rgb(105, 146, 211) in RGB and hsl(217, 55%, 62%) in HSL. The closest CSS named color is CornflowerBlue. Black text is most readable on this background.

#6992D3

HEX#6992D3

RGBrgb(105, 146, 211)

HSLhsl(217, 55%, 62%)

HSVhsv(217, 50%, 83%)

OKLCHoklch(65.7% 0.108 259.3)

CMYKcmyk(50%, 31%, 0%, 17%)

Text Contrast & Accessibility

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

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

TextBlack text6.65:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#6992D3 Complementary#D3AB69 Analogous#69C7D3 Analogous#7569D3 Triadic#D36992 Triadic#92D369

Tints & Shades

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

Tints

#7DA0D9 #90AEDF #A4BDE5 #BCCEEB #D0DCF1 #E3EBF7

Shades

#497BCA #3464B2 #2A5292 #214073 #182F53 #0E1B2F

Use #6992D3 in Our Tools

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