#188BCD Color

#188BCD is rgb(24, 139, 205) in RGB and hsl(202, 79%, 45%) in HSL. The closest CSS named color is DodgerBlue. Black text is most readable on this background.

#188BCD

HEX#188BCD

RGBrgb(24, 139, 205)

HSLhsl(202, 79%, 45%)

HSVhsv(202, 88%, 80%)

OKLCHoklch(61% 0.137 241.6)

CMYKcmyk(88%, 32%, 0%, 20%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#188BCD Complementary#CD5B18 Analogous#18CDB5 Analogous#1830CD Triadic#CD188B Triadic#8BCD18

Tints & Shades

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

Tints

#28A0E6 #48AEEA #6DBFEE #8DCDF2 #B1DDF6 #D1EBFA

Shades

#1578B2 #126697 #0E537B #0C4464 #093149 #051F2E

Use #188BCD in Our Tools

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