Night blue to HSL — Color Code

#040348
Format Value
HEX #040348
RGB rgb(4, 3, 72)
HSL hsl(240.9, 92%, 14.7%)
CMYK cmyk(94.4%, 95.8%, 0%, 71.8%)
HSV hsv(240.9, 95.8%, 28.2%)

night blue color harmonies

Tints & shades of night blue

Tints (lighter)

#1b1a59 #323169 #48487a #5f5f8b #76769b #8d8cac #a4a3bc #bbbacd #d1d1de #e8e8ee

Shades (darker)

#040341 #03023b #030234 #03022e #020227 #020121 #01011a #010114 #01010d #000007

Contrast & accessibility

The quick brown fox

On white · 18.89:1 · AAA

The quick brown fox

On black · 1.11:1 · Fail

Recommended text color: #ffffff

Use night blue in code

CSS color: #040348;
SCSS $color: #040348;
Tailwind bg-[#040348]
Swift UIColor(red: 0.016, green: 0.012, blue: 0.282, alpha: 1)
Android Color.parseColor("#040348")
Flutter Color(0xFF040348)

Colors similar to night blue

Browse all Blue colors →

What is the HSL code for night blue?

The CSS color night blue in HSL format is hsl(240.9, 92%, 14.7%). Use this value directly in CSS, SVG, and most design tools.

How do I use night blue in CSS?

To apply night blue in CSS:

  • Text color: color: hsl(240.9, 92%, 14.7%);
  • Background: background-color: hsl(240.9, 92%, 14.7%);
  • Border: border-color: hsl(240.9, 92%, 14.7%);

What are all the color format values for night blue?

FormatValue
HEX#040348
RGBrgb(4, 3, 72)
HSLhsl(240.9, 92%, 14.7%)
CMYKcmyk(94.4%, 95.8%, 0%, 71.8%)

How do I convert night blue to HSL?

Select night blue from the color name list in our color converter. The HSL value — hsl(240.9, 92%, 14.7%) — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does night blue belong to?

night blue belongs to the blue color family. It is a dark, vivid color with HSL values: hue 240.9°, saturation 92%, lightness 14.7%.

How do I create lighter and darker shades of night blue?

Lighter variant (lightness 29.7%): #080691. Darker variant (lightness 5%): #010118. These values are computed by adjusting HSL lightness ±15% while keeping the same hue and saturation.

What is HSL used for?

HSL describes colors by hue (0–360°), saturation (0–100%) and lightness (0–100%). It is more intuitive for designers — easy to create lighter, darker or less saturated variants of any color.