#46BBE2 Color

#46BBE2 is rgb(70, 187, 226) in RGB and hsl(195, 73%, 58%) in HSL. The closest CSS named color is MediumTurquoise. Black text is most readable on this background.

#46BBE2

HEX#46BBE2

RGBrgb(70, 187, 226)

HSLhsl(195, 73%, 58%)

HSVhsv(195, 69%, 89%)

OKLCHoklch(74.2% 0.117 224)

CMYKcmyk(69%, 17%, 0%, 11%)

Text Contrast & Accessibility

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

TextWhite text2.22:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text9.47:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#46BBE2 Complementary#E26D46 Analogous#46E2BB Analogous#466DE2 Triadic#E246BB Triadic#BBE246

Tints & Shades

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

Tints

#60C5E6 #76CDEA #91D7EE #ABE0F2 #C6EAF6 #DCF2F9

Shades

#22AEDD #1E96BE #187A9A #135E77 #0D4254 #082A35

Use #46BBE2 in Our Tools

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