Bluish to HSL — Color Code

HSL

hsl(208.4, 64%, 44.7%)

Format Value
HEX #2976bb
RGB rgb(41, 118, 187)
HSL hsl(208.4, 64%, 44.7%)
CMYK cmyk(78.1%, 36.9%, 0%, 26.7%)

What is the HSL code for bluish?

The CSS color bluish in HSL format is hsl(208.4, 64%, 44.7%). Use this value directly in CSS, SVG, and most design tools.

How do I use bluish in CSS?

To apply bluish in CSS:

  • Text color: color: hsl(208.4, 64%, 44.7%);
  • Background: background-color: hsl(208.4, 64%, 44.7%);
  • Border: border-color: hsl(208.4, 64%, 44.7%);

What are all the color format values for bluish?

FormatValue
HEX#2976bb
RGBrgb(41, 118, 187)
HSLhsl(208.4, 64%, 44.7%)
CMYKcmyk(78.1%, 36.9%, 0%, 26.7%)

How do I convert bluish to HSL?

Select bluish from the color name list in our color converter. The HSL value — hsl(208.4, 64%, 44.7%) — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does bluish belong to?

bluish belongs to the blue color family. It is a medium, moderately saturated color with HSL values: hue 208.4°, saturation 64%, lightness 44.7%.

How do I create lighter and darker shades of bluish?

Lighter variant (lightness 59.7%): #569cda. Darker variant (lightness 29.700000000000003%): #1b4e7c. 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.