#182225 Color

#182225 is rgb(24, 34, 37) in RGB and hsl(194, 21%, 12%) in HSL. The closest CSS named color is Black. White text is most readable on this background.

#182225

HEX#182225

RGBrgb(24, 34, 37)

HSLhsl(194, 21%, 12%)

HSVhsv(194, 35%, 15%)

OKLCHoklch(24.4% 0.015 218.1)

CMYKcmyk(35%, 8%, 0%, 85%)

Text Contrast & Accessibility

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

TextWhite text16.22:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text1.29:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#182225 Complementary#251B18 Analogous#182522 Analogous#181C25 Triadic#251822 Triadic#222518

Tints & Shades

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

Tints

#30444A #4B6972 #638B97 #87A7B0 #ACC2C9 #D4DFE3

Shades

#161F22 #141C1F #121A1C #0E1416 #0C1113 #0A0E0F

Use #182225 in Our Tools

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