#ff4058 hex color

In a RGB color space, hex #ff4058 is composed of 100% red, 25.1% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.9% magenta, 65.5% yellow and 0% black. It has a hue angle of 352.5 degrees, a saturation of 100% and a lightness of 62.5%. #ff4058 color hex could be obtained by blending #ff80b0 with #ff0000. Closest websafe color is: #ff3366.

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

● #ff4058 color description : Light red.

The hexadecimal color #ff4058 has RGB values of R:255, G:64, B:88 and CMYK values of C:0, M:0.75, Y:0.65, K:0. Its decimal value is 16728152.

Hex triplet	ff4058	`#ff4058`
RGB Decimal	255, 64, 88	`rgb(255,64,88)`
RGB Percent	100, 25.1, 34.5	`rgb(100%,25.1%,34.5%)`
CMYK	0, 75, 65, 0
HSL	352.5°, 100, 62.5	`hsl(352.5,100%,62.5%)`
HSV (or HSB)	352.5°, 74.9, 100
Web Safe	ff3366	`#ff3366`

CIE-LAB	57.691, 71.595, 31.647
XYZ	44.837, 25.637, 11.819
xyY	0.545, 0.312, 25.637
CIE-LCH	57.691, 78.277, 23.847
CIE-LUV	57.691, 140.982, 21.016
Hunter-Lab	50.633, 69.46, 21.602
Binary	11111111, 01000000, 01011000

#ff4058
```
#ff4058 rgb(255,64,88)
```
#40ffe7
```
#40ffe7 rgb(64,255,231)
```

Complementary Color

#ff40b8
```
#ff40b8 rgb(255,64,184)
```
#ff4058
```
#ff4058 rgb(255,64,88)
```
#ff8840
```
#ff8840 rgb(255,136,64)
```

Analogous Color

#40b8ff
```
#40b8ff rgb(64,184,255)
```
#ff4058
```
#ff4058 rgb(255,64,88)
```
#40ff88
```
#40ff88 rgb(64,255,136)
```

Split Complementary Color

#4058ff
```
#4058ff rgb(64,88,255)
```
#ff4058
```
#ff4058 rgb(255,64,88)
```
#58ff40
```
#58ff40 rgb(88,255,64)
```

Triadic Color

#e740ff
```
#e740ff rgb(231,64,255)
```
#ff4058
```
#ff4058 rgb(255,64,88)
```
#58ff40
```
#58ff40 rgb(88,255,64)
```
#40ffe7
```
#40ffe7 rgb(64,255,231)
```

Tetradic Color

#f3001e
```
#f3001e rgb(243,0,30)
```
#ff0d2b
```
#ff0d2b rgb(255,13,43)
```
#ff2742
```
#ff2742 rgb(255,39,66)
```
#ff4058
```
#ff4058 rgb(255,64,88)
```
#ff5a6e
```
#ff5a6e rgb(255,90,110)
```
#ff7385
```
#ff7385 rgb(255,115,133)
```
#ff8d9b
```
#ff8d9b rgb(255,141,155)
```

Monochromatic Color

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

#ff4088
```
#ff4088 rgb(255,64,136)
```
#ff4078
```
#ff4078 rgb(255,64,120)
```
#ff4068
```
#ff4068 rgb(255,64,104)
```
#ff4058
```
#ff4058 rgb(255,64,88)
```
#ff4048
```
#ff4048 rgb(255,64,72)
```
#ff4840
```
#ff4840 rgb(255,72,64)
```
#ff5840
```
#ff5840 rgb(255,88,64)
```

Similar Colors

Text with hexadecimal color #ff4058

This text has a font color of #ff4058.

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

#ff4058 background color

This paragraph has a background color of #ff4058.

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

#ff4058 border color

This element has a border color of #ff4058.

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

CSS codes

.text {color:#ff4058;}

.background {background-color:#ff4058;}

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

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, #050001 is the darkest color, while #fff1f2 is the lightest one.

#050001
```
#050001 rgb(5,0,1)
```
#190003
```
#190003 rgb(25,0,3)
```
#2c0006
```
#2c0006 rgb(44,0,6)
```
#400008
```
#400008 rgb(64,0,8)
```
#54000b
```
#54000b rgb(84,0,11)
```
#67000d
```
#67000d rgb(103,0,13)
```
#7b000f
```
#7b000f rgb(123,0,15)
```
#8e0012
```
#8e0012 rgb(142,0,18)
```
#a20014
```
#a20014 rgb(162,0,20)
```
#b60017
```
#b60017 rgb(182,0,23)
```
#c90019
```
#c90019 rgb(201,0,25)
```
#dd001c
```
#dd001c rgb(221,0,28)
```
#f1001e
```
#f1001e rgb(241,0,30)
```

Shade Color Variation

#ff0525
```
#ff0525 rgb(255,5,37)
```
#ff1936
```
#ff1936 rgb(255,25,54)
```
#ff2c47
```
#ff2c47 rgb(255,44,71)
```
#ff4058
```
#ff4058 rgb(255,64,88)
```
#ff5469
```
#ff5469 rgb(255,84,105)
```
#ff677a
```
#ff677a rgb(255,103,122)
```
#ff7b8b
```
#ff7b8b rgb(255,123,139)
```
#ff8e9d
```
#ff8e9d rgb(255,142,157)
```
#ffa2ae
```
#ffa2ae rgb(255,162,174)
```
#ffb6bf
```
#ffb6bf rgb(255,182,191)
```
#ffc9d0
```
#ffc9d0 rgb(255,201,208)
```
#ffdde1
```
#ffdde1 rgb(255,221,225)
```
#fff1f2
```
#fff1f2 rgb(255,241,242)
```

Tint Color Variation

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

#a7989a
```
#a7989a rgb(167,152,154)
```
#ae9195
```
#ae9195 rgb(174,145,149)
```
#b6898f
```
#b6898f rgb(182,137,143)
```
#bd828a
```
#bd828a rgb(189,130,138)
```
#c47b84
```
#c47b84 rgb(196,123,132)
```
#cc737f
```
#cc737f rgb(204,115,127)
```
#d36c79
```
#d36c79 rgb(211,108,121)
```
#da6574
```
#da6574 rgb(218,101,116)
```
#e25d6e
```
#e25d6e rgb(226,93,110)
```
#e95669
```
#e95669 rgb(233,86,105)
```
#f04f63
```
#f04f63 rgb(240,79,99)
```
#f8475e
```
#f8475e rgb(248,71,94)
```
#ff4058
```
#ff4058 rgb(255,64,88)
```

Tone Color Variation

Below, you can see how #ff4058 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

#7c7c7c Achromatopsia 0.005% of the population
#967075 Atypical Achromatopsia 0.001% of the population

Dichromacy

#989079 Protanopia 1% of men
#af8a54 Deuteranopia 1% of men
#fe4d50 Tritanopia 0.001% of the population

Trichromacy

#bd736d Protanomaly 1% of men, 0.01% of women
#cc6f55 Deuteranomaly 6% of men, 0.4% of women
#fe4852 Tritanomaly 0.01% of the population

#ff4058 hex color

#ff4058 Color Information

#ff4058 Color Conversion

Color Schemes with #ff4058

Alternatives to #ff4058

#ff4058 Preview

Shades and Tints of #ff4058

Tones of #ff4058

Color Blindness Simulator