#151E36

Dark Blue

HEX

RGB

HSL

About #151E36 Dark Blue

#151E36 is a dark blue color. In the RGB color model, it is composed of 21 red, 30 green, and 54 blue. In the HSL color space, it has a hue of 224°, saturation of 44%, and lightness of 15%.

This color has a low lightness value, making it a dark color great for text and bold accents. With moderate saturation, it appears balanced and versatile.

CSS Code & Gradients

Use #151E36 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

224°

Hue

44%

Saturation

15%

Lightness

Dark Blue

Color Harmonies

Colors that work well with #151E36 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #151E36 against white and black backgrounds.

Aa#151E36 on White
Contrast Ratio16.52:1
AA AA Large AAA
Aa#151E36 on Black
Contrast Ratio1.27:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #151E36 across different color formats.

FormatValue
HEX#151E36
RGBrgb(21, 30, 54)
HSLhsl(224, 44%, 15%)
RGB Decimal21, 30, 54
RGB Percent8.2%, 11.8%, 21.2%
CMYK (approx.)61%, 44%, 0%, 79%

Related Palettes

12 palettes using #151E36 or similar colors

#1A1A2E#16213E#0F3460#E94560
#0B0B0D#1A1A2E#E94560#FFBD39
#1B2430#51557E#816797#D6D5A8
#1B262C#0F4C75#3282B8#BBE1FA
#222831#393E46#00ADB5#EEEEEE
#0D1F26#22424E#356678#468BA4
#0D2026#1E4652#366877#5A8491
#0D1A26#26394A#2F587E#4A77A1
#0D1A26#203A50#375976#527898
#0C1827#1F3047#254774#40618C
#0E1A25#2C3844#355878#3F77AB
#0D1826#23364E#3C5472#3C70AF