#154B51 Color

#154B51 is rgb(21, 75, 81) in RGB and hsl(186, 59%, 20%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#154B51

HEX#154B51

RGBrgb(21, 75, 81)

HSLhsl(186, 59%, 20%)

HSVhsv(186, 74%, 32%)

OKLCHoklch(38.1% 0.056 205.7)

CMYKcmyk(74%, 7%, 0%, 68%)

Text Contrast & Accessibility

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

TextWhite text9.74:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text2.16:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#154B51 Complementary#511B15 Analogous#155139 Analogous#152D51 Triadic#51154B Triadic#4B5115

Tints & Shades

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

Tints

#20747E #2C9EAA #40C0CE #71D0DA #9EDFE6 #CAEDF1

Shades

#134449 #10383D #0E3135 #0C292D #092224 #061718

Use #154B51 in Our Tools

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