#ff5058 hex color

In a RGB color space, hex #ff5058 is composed of 100% red, 31.4% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.6% magenta, 65.5% yellow and 0% black. It has a hue angle of 357.3 degrees, a saturation of 100% and a lightness of 65.7%. #ff5058 color hex could be obtained by blending #ffa0b0 with #ff0000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 100
- G 31
- B 35
RGB color chart
- C 0
- M 69
- Y 65
- K 0
CMYK color chart

● #ff5058 color description : Light red.

The hexadecimal color #ff5058 has RGB values of R:255, G:80, B:88 and CMYK values of C:0, M:0.69, Y:0.65, K:0. Its decimal value is 16732248.

Hex triplet	ff5058	`#ff5058`
RGB Decimal	255, 80, 88	`rgb(255,80,88)`
RGB Percent	100, 31.4, 34.5	`rgb(100%,31.4%,34.5%)`
CMYK	0, 69, 65, 0
HSL	357.3°, 100, 65.7	`hsl(357.3,100%,65.7%)`
HSV (or HSB)	357.3°, 68.6, 100
Web Safe	ff6666	`#ff6666`

CIE-LAB	59.623, 66.237, 34.059
XYZ	45.872, 27.707, 12.165
xyY	0.535, 0.323, 27.707
CIE-LCH	59.623, 74.481, 27.212
CIE-LUV	59.623, 132.257, 25.131
Hunter-Lab	52.637, 63.442, 23.144
Binary	11111111, 01010000, 01011000

#ff5058
```
#ff5058 rgb(255,80,88)
```
#50fff7
```
#50fff7 rgb(80,255,247)
```

Complementary Color

#ff50b0
```
#ff50b0 rgb(255,80,176)
```
#ff5058
```
#ff5058 rgb(255,80,88)
```
#ffa050
```
#ffa050 rgb(255,160,80)
```

Analogous Color

#50b0ff
```
#50b0ff rgb(80,176,255)
```
#ff5058
```
#ff5058 rgb(255,80,88)
```
#50ffa0
```
#50ffa0 rgb(80,255,160)
```

Split Complementary Color

#5058ff
```
#5058ff rgb(80,88,255)
```
#ff5058
```
#ff5058 rgb(255,80,88)
```
#58ff50
```
#58ff50 rgb(88,255,80)
```

Triadic Color

#f750ff
```
#f750ff rgb(247,80,255)
```
#ff5058
```
#ff5058 rgb(255,80,88)
```
#58ff50
```
#58ff50 rgb(88,255,80)
```
#50fff7
```
#50fff7 rgb(80,255,247)
```

Tetradic Color

#ff030f
```
#ff030f rgb(255,3,15)
```
#ff1d27
```
#ff1d27 rgb(255,29,39)
```
#ff3740
```
#ff3740 rgb(255,55,64)
```
#ff5058
```
#ff5058 rgb(255,80,88)
```
#ff6a70
```
#ff6a70 rgb(255,106,112)
```
#ff8389
```
#ff8389 rgb(255,131,137)
```
#ff9da1
```
#ff9da1 rgb(255,157,161)
```

Monochromatic Color

Below, you can see some colors close to #ff5058. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#ff5084
```
#ff5084 rgb(255,80,132)
```
#ff5075
```
#ff5075 rgb(255,80,117)
```
#ff5067
```
#ff5067 rgb(255,80,103)
```
#ff5058
```
#ff5058 rgb(255,80,88)
```
#ff5750
```
#ff5750 rgb(255,87,80)
```
#ff6550
```
#ff6550 rgb(255,101,80)
```
#ff7450
```
#ff7450 rgb(255,116,80)
```

Similar Colors

Text with hexadecimal color #ff5058

This text has a font color of #ff5058.

<span style="color:#ff5058;">Text here</span>

#ff5058 background color

This paragraph has a background color of #ff5058.

<p style="background-color:#ff5058;">Content here</p>

#ff5058 border color

This element has a border color of #ff5058.

<div style="border:1px solid #ff5058;">Content here</div>

CSS codes

.text {color:#ff5058;}

.background {background-color:#ff5058;}

.border {border:1px solid #ff5058;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #020000 is the darkest color, while #ffedee is the lightest one.

#020000
```
#020000 rgb(2,0,0)
```
#150001
```
#150001 rgb(21,0,1)
```
#290002
```
#290002 rgb(41,0,2)
```
#3c0003
```
#3c0003 rgb(60,0,3)
```
#500004
```
#500004 rgb(80,0,4)
```
#640005
```
#640005 rgb(100,0,5)
```
#770005
```
#770005 rgb(119,0,5)
```
#8b0006
```
#8b0006 rgb(139,0,6)
```
#9e0007
```
#9e0007 rgb(158,0,7)
```
#b20008
```
#b20008 rgb(178,0,8)
```
#c60009
```
#c60009 rgb(198,0,9)
```
#d9000a
```
#d9000a rgb(217,0,10)
```
#ed000b
```
#ed000b rgb(237,0,11)
```

Shade Color Variation

#ff020d
```
#ff020d rgb(255,2,13)
```
#ff1520
```
#ff1520 rgb(255,21,32)
```
#ff2933
```
#ff2933 rgb(255,41,51)
```
#ff3c45
```
#ff3c45 rgb(255,60,69)
```
#ff5058
```
#ff5058 rgb(255,80,88)
```
#ff646b
```
#ff646b rgb(255,100,107)
```
#ff777d
```
#ff777d rgb(255,119,125)
```
#ff8b90
```
#ff8b90 rgb(255,139,144)
```
#ff9ea3
```
#ff9ea3 rgb(255,158,163)
```
#ffb2b6
```
#ffb2b6 rgb(255,178,182)
```
#ffc6c8
```
#ffc6c8 rgb(255,198,200)
```
#ffd9db
```
#ffd9db rgb(255,217,219)
```
#ffedee
```
#ffedee rgb(255,237,238)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #aea1a1 is the less saturated color, while #ff5058 is the most saturated one.

#aea1a1
```
#aea1a1 rgb(174,161,161)
```
#b59a9b
```
#b59a9b rgb(181,154,155)
```
#bc9395
```
#bc9395 rgb(188,147,149)
```
#c28d8f
```
#c28d8f rgb(194,141,143)
```
#c98689
```
#c98689 rgb(201,134,137)
```
#d07f83
```
#d07f83 rgb(208,127,131)
```
#d7787d
```
#d7787d rgb(215,120,125)
```
#dd7277
```
#dd7277 rgb(221,114,119)
```
#e46b70
```
#e46b70 rgb(228,107,112)
```
#eb646a
```
#eb646a rgb(235,100,106)
```
#f25d64
```
#f25d64 rgb(242,93,100)
```
#f8575e
```
#f8575e rgb(248,87,94)
```
#ff5058
```
#ff5058 rgb(255,80,88)
```

Tone Color Variation

Below, you can see how #ff5058 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#858585 Achromatopsia 0.005% of the population
#9d7a7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e9576 Protanopia 1% of men
#b58e55 Deuteranopia 1% of men
#fe595d Tritanopia 0.001% of the population

Trichromacy

#c17b6b Protanomaly 1% of men, 0.01% of women
#d07856 Deuteranomaly 6% of men, 0.4% of women
#fe565b Tritanomaly 0.01% of the population

#ff5058 hex color

#ff5058 Color Information

#ff5058 Color Conversion

Color Schemes with #ff5058

Alternatives to #ff5058

#ff5058 Preview

Shades and Tints of #ff5058

Tones of #ff5058

Color Blindness Simulator