#45C6ED Color

#45C6ED is rgb(69, 198, 237) in RGB and hsl(194, 82%, 60%) in HSL. The closest CSS named color is MediumTurquoise. Black text is most readable on this background.

#45C6ED

HEX#45C6ED

RGBrgb(69, 198, 237)

HSLhsl(194, 82%, 60%)

HSVhsv(194, 71%, 93%)

OKLCHoklch(77.2% 0.123 222.2)

CMYKcmyk(71%, 16%, 0%, 7%)

Text Contrast & Accessibility

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

TextWhite text1.99:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text10.55:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#45C6ED Complementary#ED6C45 Analogous#45EDC0 Analogous#4572ED Triadic#ED45C6 Triadic#C6ED45

Tints & Shades

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

Tints

#5DCDEF #78D5F2 #90DDF4 #ABE5F7 #C3ECF9 #DFF5FC

Shades

#20BAE9 #14A1CC #1184A7 #0D6782 #09495D #062C38

Use #45C6ED in Our Tools

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