#ff2a5d hex color

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

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

● #ff2a5d color description : Vivid red.

The hexadecimal color #ff2a5d has RGB values of R:255, G:42, B:93 and CMYK values of C:0, M:0.84, Y:0.64, K:0. Its decimal value is 16722525.

Hex triplet	ff2a5d	`#ff2a5d`
RGB Decimal	255, 42, 93	`rgb(255,42,93)`
RGB Percent	100, 16.5, 36.5	`rgb(100%,16.5%,36.5%)`
CMYK	0, 84, 64, 0
HSL	345.6°, 100, 58.2	`hsl(345.6,100%,58.2%)`
HSV (or HSB)	345.6°, 83.5, 100
Web Safe	ff3366	`#ff3366`

CIE-LAB	55.798, 77.45, 26.294
XYZ	44.046, 23.712, 12.613
xyY	0.548, 0.295, 23.712
CIE-LCH	55.798, 81.792, 18.753
CIE-LUV	55.798, 148.564, 14.058
Hunter-Lab	48.695, 76.243, 18.729
Binary	11111111, 00101010, 01011101

#ff2a5d
```
#ff2a5d rgb(255,42,93)
```
#2affcc
```
#2affcc rgb(42,255,204)
```

Complementary Color

#ff2ac8
```
#ff2ac8 rgb(255,42,200)
```
#ff2a5d
```
#ff2a5d rgb(255,42,93)
```
#ff622a
```
#ff622a rgb(255,98,42)
```

Analogous Color

#2ac8ff
```
#2ac8ff rgb(42,200,255)
```
#ff2a5d
```
#ff2a5d rgb(255,42,93)
```
#2aff62
```
#2aff62 rgb(42,255,98)
```

Split Complementary Color

#2a5dff
```
#2a5dff rgb(42,93,255)
```
#ff2a5d
```
#ff2a5d rgb(255,42,93)
```
#5dff2a
```
#5dff2a rgb(93,255,42)
```

Triadic Color

#cc2aff
```
#cc2aff rgb(204,42,255)
```
#ff2a5d
```
#ff2a5d rgb(255,42,93)
```
#5dff2a
```
#5dff2a rgb(93,255,42)
```
#2affcc
```
#2affcc rgb(42,255,204)
```

Tetradic Color

#dd0035
```
#dd0035 rgb(221,0,53)
```
#f6003b
```
#f6003b rgb(246,0,59)
```
#ff114a
```
#ff114a rgb(255,17,74)
```
#ff2a5d
```
#ff2a5d rgb(255,42,93)
```
#ff4470
```
#ff4470 rgb(255,68,112)
```
#ff5d84
```
#ff5d84 rgb(255,93,132)
```
#ff7797
```
#ff7797 rgb(255,119,151)
```

Monochromatic Color

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

#ff2a92
```
#ff2a92 rgb(255,42,146)
```
#ff2a81
```
#ff2a81 rgb(255,42,129)
```
#ff2a6f
```
#ff2a6f rgb(255,42,111)
```
#ff2a5d
```
#ff2a5d rgb(255,42,93)
```
#ff2a4b
```
#ff2a4b rgb(255,42,75)
```
#ff2a39
```
#ff2a39 rgb(255,42,57)
```
#ff2c2a
```
#ff2c2a rgb(255,44,42)
```

Similar Colors

Text with hexadecimal color #ff2a5d

This text has a font color of #ff2a5d.

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

#ff2a5d background color

This paragraph has a background color of #ff2a5d.

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

#ff2a5d border color

This element has a border color of #ff2a5d.

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

CSS codes

.text {color:#ff2a5d;}

.background {background-color:#ff2a5d;}

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

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)
```
#2a000a
```
#2a000a rgb(42,0,10)
```
#3e000f
```
#3e000f rgb(62,0,15)
```
#510013
```
#510013 rgb(81,0,19)
```
#650018
```
#650018 rgb(101,0,24)
```
#78001d
```
#78001d rgb(120,0,29)
```
#8c0022
```
#8c0022 rgb(140,0,34)
```
#a00026
```
#a00026 rgb(160,0,38)
```
#b3002b
```
#b3002b rgb(179,0,43)
```
#c70030
```
#c70030 rgb(199,0,48)
```
#db0034
```
#db0034 rgb(219,0,52)
```
#ee0039
```
#ee0039 rgb(238,0,57)
```

Shade Color Variation

#ff033f
```
#ff033f rgb(255,3,63)
```
#ff164e
```
#ff164e rgb(255,22,78)
```
#ff2a5d
```
#ff2a5d rgb(255,42,93)
```
#ff3e6c
```
#ff3e6c rgb(255,62,108)
```
#ff517b
```
#ff517b rgb(255,81,123)
```
#ff658a
```
#ff658a rgb(255,101,138)
```
#ff7899
```
#ff7899 rgb(255,120,153)
```
#ff8ca8
```
#ff8ca8 rgb(255,140,168)
```
#ffa0b7
```
#ffa0b7 rgb(255,160,183)
```
#ffb3c5
```
#ffb3c5 rgb(255,179,197)
```
#ffc7d4
```
#ffc7d4 rgb(255,199,212)
```
#ffdbe3
```
#ffdbe3 rgb(255,219,227)
```
#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 #ff2a5d is the most saturated one.

#9d8c90
```
#9d8c90 rgb(157,140,144)
```
#a5848c
```
#a5848c rgb(165,132,140)
```
#ad7c88
```
#ad7c88 rgb(173,124,136)
```
#b57483
```
#b57483 rgb(181,116,131)
```
#bd6c7f
```
#bd6c7f rgb(189,108,127)
```
#c6637b
```
#c6637b rgb(198,99,123)
```
#ce5b77
```
#ce5b77 rgb(206,91,119)
```
#d65372
```
#d65372 rgb(214,83,114)
```
#de4b6e
```
#de4b6e rgb(222,75,110)
```
#e6436a
```
#e6436a rgb(230,67,106)
```
#ef3a66
```
#ef3a66 rgb(239,58,102)
```
#f73261
```
#f73261 rgb(247,50,97)
```
#ff2a5d
```
#ff2a5d rgb(255,42,93)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#8d626c Atypical Achromatopsia 0.001% of the population

Dichromacy

#908b84 Protanopia 1% of men
#a88657 Deuteranopia 1% of men
#fd3e3f Tritanopia 0.001% of the population

Trichromacy

#b86876 Protanomaly 1% of men, 0.01% of women
#c76459 Deuteranomaly 6% of men, 0.4% of women
#fe374a Tritanomaly 0.01% of the population

#ff2a5d hex color

#ff2a5d Color Information

#ff2a5d Color Conversion

Color Schemes with #ff2a5d

Alternatives to #ff2a5d

#ff2a5d Preview

Shades and Tints of #ff2a5d

Tones of #ff2a5d

Color Blindness Simulator