Reddish to HSL — Color Code

#c44240
Format Value
HEX #c44240
RGB rgb(196, 66, 64)
HSL hsl(0.9, 52.8%, 51%)
CMYK cmyk(0%, 66.3%, 67.3%, 23.1%)
HSV hsv(0.9, 67.3%, 76.9%)

reddish color harmonies

Tints & shades of reddish

Tints (lighter)

#c95351 #cf6463 #d47674 #d98785 #df9897 #e4a9a8 #eababa #efcbcb #f4dddc #faeeee

Shades (darker)

#b23c3a #a03634 #8f302f #7d2a29 #6b2423 #591e1d #471817 #351211 #240c0c #120606

Contrast & accessibility

The quick brown fox

On white · 5:1 · AA

The quick brown fox

On black · 4.2:1 · AA Large

Recommended text color: #ffffff

Use reddish in code

CSS color: #c44240;
SCSS $color: #c44240;
Tailwind bg-[#c44240]
Swift UIColor(red: 0.769, green: 0.259, blue: 0.251, alpha: 1)
Android Color.parseColor("#c44240")
Flutter Color(0xFFC44240)

Colors similar to reddish

Browse all Red colors →

What is the HSL code for reddish?

The CSS color reddish in HSL format is hsl(0.9, 52.8%, 51%). Use this value directly in CSS, SVG, and most design tools.

How do I use reddish in CSS?

To apply reddish in CSS:

  • Text color: color: hsl(0.9, 52.8%, 51%);
  • Background: background-color: hsl(0.9, 52.8%, 51%);
  • Border: border-color: hsl(0.9, 52.8%, 51%);

What are all the color format values for reddish?

FormatValue
HEX#c44240
RGBrgb(196, 66, 64)
HSLhsl(0.9, 52.8%, 51%)
CMYKcmyk(0%, 66.3%, 67.3%, 23.1%)

How do I convert reddish to HSL?

Select reddish from the color name list in our color converter. The HSL value — hsl(0.9, 52.8%, 51%) — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does reddish belong to?

reddish belongs to the red color family. It is a medium, moderately saturated color with HSL values: hue 0.9°, saturation 52.8%, lightness 51%.

How do I create lighter and darker shades of reddish?

Lighter variant (lightness 66%): #d67c7b. Darker variant (lightness 36%): #8c2d2b. 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.