#ff2a58 hex color

In a RGB color space, hex #ff2a58 is composed of 100% red, 16.5% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.5% magenta, 65.5% yellow and 0% black. It has a hue angle of 347 degrees, a saturation of 100% and a lightness of 58.2%. #ff2a58 color hex could be obtained by blending #ff54b0 with #ff0000. Closest websafe color is: #ff3366.

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

● #ff2a58 color description : Vivid red.

The hexadecimal color #ff2a58 has RGB values of R:255, G:42, B:88 and CMYK values of C:0, M:0.84, Y:0.65, K:0. Its decimal value is 16722520.

Hex triplet	ff2a58	`#ff2a58`
RGB Decimal	255, 42, 88	`rgb(255,42,88)`
RGB Percent	100, 16.5, 34.5	`rgb(100%,16.5%,34.5%)`
CMYK	0, 84, 65, 0
HSL	347°, 100, 58.2	`hsl(347,100%,58.2%)`
HSV (or HSB)	347°, 83.5, 100
Web Safe	ff3366	`#ff3366`

CIE-LAB	55.711, 77.195, 29.144
XYZ	43.831, 23.626, 11.484
xyY	0.555, 0.299, 23.626
CIE-LCH	55.711, 82.513, 20.684
CIE-LUV	55.711, 150.191, 16.733
Hunter-Lab	48.606, 75.903, 20.016
Binary	11111111, 00101010, 01011000

#ff2a58
```
#ff2a58 rgb(255,42,88)
```
#2affd1
```
#2affd1 rgb(42,255,209)
```

Complementary Color

#ff2ac3
```
#ff2ac3 rgb(255,42,195)
```
#ff2a58
```
#ff2a58 rgb(255,42,88)
```
#ff672a
```
#ff672a rgb(255,103,42)
```

Analogous Color

#2ac3ff
```
#2ac3ff rgb(42,195,255)
```
#ff2a58
```
#ff2a58 rgb(255,42,88)
```
#2aff67
```
#2aff67 rgb(42,255,103)
```

Split Complementary Color

#2a58ff
```
#2a58ff rgb(42,88,255)
```
#ff2a58
```
#ff2a58 rgb(255,42,88)
```
#58ff2a
```
#58ff2a rgb(88,255,42)
```

Triadic Color

#d12aff
```
#d12aff rgb(209,42,255)
```
#ff2a58
```
#ff2a58 rgb(255,42,88)
```
#58ff2a
```
#58ff2a rgb(88,255,42)
```
#2affd1
```
#2affd1 rgb(42,255,209)
```

Tetradic Color

#dd0030
```
#dd0030 rgb(221,0,48)
```
#f60035
```
#f60035 rgb(246,0,53)
```
#ff1144
```
#ff1144 rgb(255,17,68)
```
#ff2a58
```
#ff2a58 rgb(255,42,88)
```
#ff446c
```
#ff446c rgb(255,68,108)
```
#ff5d80
```
#ff5d80 rgb(255,93,128)
```
#ff7794
```
#ff7794 rgb(255,119,148)
```

Monochromatic Color

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

#ff2a8d
```
#ff2a8d rgb(255,42,141)
```
#ff2a7c
```
#ff2a7c rgb(255,42,124)
```
#ff2a6a
```
#ff2a6a rgb(255,42,106)
```
#ff2a58
```
#ff2a58 rgb(255,42,88)
```
#ff2a46
```
#ff2a46 rgb(255,42,70)
```
#ff2a35
```
#ff2a35 rgb(255,42,53)
```
#ff312a
```
#ff312a rgb(255,49,42)
```

Similar Colors

Text with hexadecimal color #ff2a58

This text has a font color of #ff2a58.

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

#ff2a58 background color

This paragraph has a background color of #ff2a58.

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

#ff2a58 border color

This element has a border color of #ff2a58.

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

CSS codes

.text {color:#ff2a58;}

.background {background-color:#ff2a58;}

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

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

#030001
```
#030001 rgb(3,0,1)
```
#160005
```
#160005 rgb(22,0,5)
```
#2a0009
```
#2a0009 rgb(42,0,9)
```
#3e000d
```
#3e000d rgb(62,0,13)
```
#510012
```
#510012 rgb(81,0,18)
```
#650016
```
#650016 rgb(101,0,22)
```
#78001a
```
#78001a rgb(120,0,26)
```
#8c001e
```
#8c001e rgb(140,0,30)
```
#a00022
```
#a00022 rgb(160,0,34)
```
#b30027
```
#b30027 rgb(179,0,39)
```
#c7002b
```
#c7002b rgb(199,0,43)
```
#db002f
```
#db002f rgb(219,0,47)
```
#ee0033
```
#ee0033 rgb(238,0,51)
```

Shade Color Variation

#ff0339
```
#ff0339 rgb(255,3,57)
```
#ff1649
```
#ff1649 rgb(255,22,73)
```
#ff2a58
```
#ff2a58 rgb(255,42,88)
```
#ff3e67
```
#ff3e67 rgb(255,62,103)
```
#ff5177
```
#ff5177 rgb(255,81,119)
```
#ff6586
```
#ff6586 rgb(255,101,134)
```
#ff7896
```
#ff7896 rgb(255,120,150)
```
#ff8ca5
```
#ff8ca5 rgb(255,140,165)
```
#ffa0b4
```
#ffa0b4 rgb(255,160,180)
```
#ffb3c4
```
#ffb3c4 rgb(255,179,196)
```
#ffc7d3
```
#ffc7d3 rgb(255,199,211)
```
#ffdbe2
```
#ffdbe2 rgb(255,219,226)
```
#ffeef2
```
#ffeef2 rgb(255,238,242)
```

Tint Color Variation

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

#9d8c90
```
#9d8c90 rgb(157,140,144)
```
#a5848b
```
#a5848b rgb(165,132,139)
```
#ad7c87
```
#ad7c87 rgb(173,124,135)
```
#b57482
```
#b57482 rgb(181,116,130)
```
#bd6c7d
```
#bd6c7d rgb(189,108,125)
```
#c66379
```
#c66379 rgb(198,99,121)
```
#ce5b74
```
#ce5b74 rgb(206,91,116)
```
#d6536f
```
#d6536f rgb(214,83,111)
```
#de4b6b
```
#de4b6b rgb(222,75,107)
```
#e64366
```
#e64366 rgb(230,67,102)
```
#ef3a61
```
#ef3a61 rgb(239,58,97)
```
#f7325d
```
#f7325d rgb(247,50,93)
```
#ff2a58
```
#ff2a58 rgb(255,42,88)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#8c616a Atypical Achromatopsia 0.001% of the population

Dichromacy

#918b7e Protanopia 1% of men
#a98553 Deuteranopia 1% of men
#fd3d3e Tritanopia 0.001% of the population

Trichromacy

#b96770 Protanomaly 1% of men, 0.01% of women
#c86454 Deuteranomaly 6% of men, 0.4% of women
#fe3647 Tritanomaly 0.01% of the population

#ff2a58 hex color

#ff2a58 Color Information

#ff2a58 Color Conversion

Color Schemes with #ff2a58

Alternatives to #ff2a58

#ff2a58 Preview

Shades and Tints of #ff2a58

Tones of #ff2a58

Color Blindness Simulator