#152256 Color

#152256 is rgb(21, 34, 86) in RGB and hsl(228, 61%, 21%) in HSL. The closest CSS named color is MidnightBlue. White text is most readable on this background.

#152256

HEX#152256

RGBrgb(21, 34, 86)

HSLhsl(228, 61%, 21%)

HSVhsv(228, 76%, 34%)

OKLCHoklch(27.6% 0.096 268.7)

CMYKcmyk(76%, 60%, 0%, 66%)

Text Contrast & Accessibility

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

TextWhite text15.05:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#152256 Complementary#564915 Analogous#154356 Analogous#281556 Triadic#561522 Triadic#225615

Tints & Shades

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

Tints

#203483 #2B46B1 #425FD1 #6F85DC #9CABE7 #CAD2F2

Shades

#131F4E #101A42 #0E1739 #0B122D #090F25 #060A19

Use #152256 in Our Tools

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