#1493BD Color

#1493BD is rgb(20, 147, 189) in RGB and hsl(195, 81%, 41%) in HSL. The closest CSS named color is LightSeaGreen. Black text is most readable on this background.

#1493BD

HEX#1493BD

RGBrgb(20, 147, 189)

HSLhsl(195, 81%, 41%)

HSVhsv(195, 89%, 74%)

OKLCHoklch(62% 0.117 227.8)

CMYKcmyk(89%, 22%, 0%, 26%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#1493BD Complementary#BD3E14 Analogous#14BD93 Analogous#143EBD Triadic#BD1493 Triadic#93BD14

Tints & Shades

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

Tints

#18B0E2 #39BEEA #5DCAEE #87D8F2 #ACE4F6 #D1F0FA

Shades

#1181A6 #0F6B8A #0C5A73 #0A485C #073645 #04202A

Use #1493BD in Our Tools

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