#1B1D36 Color

#1B1D36 is rgb(27, 29, 54) in RGB and hsl(236, 33%, 16%) in HSL. The closest CSS named color is MidnightBlue. White text is most readable on this background.

#1B1D36

HEX#1B1D36

RGBrgb(27, 29, 54)

HSLhsl(236, 33%, 16%)

HSVhsv(236, 50%, 21%)

OKLCHoklch(24.2% 0.048 278.7)

CMYKcmyk(50%, 46%, 0%, 79%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#1B1D36 Complementary#36341B Analogous#1B2B36 Analogous#271B36 Triadic#361B1D Triadic#1D361B

Tints & Shades

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

Tints

#30335F #434784 #595EAB #8286C0 #AAADD4 #D0D1E7

Shades

#18192F #16182C #131425 #0F101F #0C0D18 #0A0B14

Use #1B1D36 in Our Tools

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