#74BFDC Color

#74BFDC is rgb(116, 191, 220) in RGB and hsl(197, 60%, 66%) in HSL. The closest CSS named color is SkyBlue. Black text is most readable on this background.

#74BFDC

HEX#74BFDC

RGBrgb(116, 191, 220)

HSLhsl(197, 60%, 66%)

HSVhsv(197, 47%, 86%)

OKLCHoklch(76.6% 0.085 224.8)

CMYKcmyk(47%, 13%, 0%, 14%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#74BFDC Complementary#DC9274 Analogous#74DCC6 Analogous#748BDC Triadic#DC74BF Triadic#BFDC74

Tints & Shades

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

Tints

#89C8E1 #99D0E6 #ADD9EB #BEE1EF #D2EAF4 #E2F2F8

Shades

#50AED3 #319AC4 #287D9F #20647E #16475A #0D2A35

Use #74BFDC in Our Tools

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