#145E90 Color

#145E90 is rgb(20, 94, 144) in RGB and hsl(204, 76%, 32%) in HSL. The closest CSS named color is Teal. White text is most readable on this background.

#145E90

HEX#145E90

RGBrgb(20, 94, 144)

HSLhsl(204, 76%, 32%)

HSVhsv(204, 86%, 56%)

OKLCHoklch(46.5% 0.106 244.4)

CMYKcmyk(86%, 35%, 0%, 44%)

Text Contrast & Accessibility

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

TextWhite text6.92:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.03:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#145E90 Complementary#904514 Analogous#149083 Analogous#142090 Triadic#90145E Triadic#5E9014

Tints & Shades

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

Tints

#1978B8 #2395E1 #4BA9E7 #78BEED #A1D2F2 #CEE7F8

Shades

#11527E #0F476C #0C3B5A #0A2F48 #072336 #051824

Use #145E90 in Our Tools

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