#138EB4 Color

#138EB4 is rgb(19, 142, 180) in RGB and hsl(194, 81%, 39%) in HSL. The closest CSS named color is LightSeaGreen. Black text is most readable on this background.

#138EB4

HEX#138EB4

RGBrgb(19, 142, 180)

HSLhsl(194, 81%, 39%)

HSVhsv(194, 89%, 71%)

OKLCHoklch(60.3% 0.112 226.1)

CMYKcmyk(89%, 21%, 0%, 29%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#138EB4 Complementary#B43813 Analogous#13B489 Analogous#133EB4 Triadic#B4138E Triadic#8EB413

Tints & Shades

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

Tints

#17ACD9 #34BFEA #59CBEE #82D8F2 #A7E3F6 #D1F1FA

Shades

#107C9D #0E6A86 #0C586F #094558 #073341 #04212A

Use #138EB4 in Our Tools

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