#ff2a71 hex color

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

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

● #ff2a71 color description : Vivid pink.

The hexadecimal color #ff2a71 has RGB values of R:255, G:42, B:113 and CMYK values of C:0, M:0.84, Y:0.56, K:0. Its decimal value is 16722545.

Hex triplet	ff2a71	`#ff2a71`
RGB Decimal	255, 42, 113	`rgb(255,42,113)`
RGB Percent	100, 16.5, 44.3	`rgb(100%,16.5%,44.3%)`
CMYK	0, 84, 56, 0
HSL	340°, 100, 58.2	`hsl(340,100%,58.2%)`
HSV (or HSB)	340°, 83.5, 100
Web Safe	ff3366	`#ff3366`

CIE-LAB	56.201, 78.631, 14.914
XYZ	45.05, 24.113, 17.904
xyY	0.517, 0.277, 24.113
CIE-LCH	56.201, 80.033, 10.74
CIE-LUV	56.201, 141.379, 2.172
Hunter-Lab	49.105, 77.825, 12.756
Binary	11111111, 00101010, 01110001

#ff2a71
```
#ff2a71 rgb(255,42,113)
```
#2affb8
```
#2affb8 rgb(42,255,184)
```

Complementary Color

#ff2adc
```
#ff2adc rgb(255,42,220)
```
#ff2a71
```
#ff2a71 rgb(255,42,113)
```
#ff4e2a
```
#ff4e2a rgb(255,78,42)
```

Analogous Color

#2adcff
```
#2adcff rgb(42,220,255)
```
#ff2a71
```
#ff2a71 rgb(255,42,113)
```
#2aff4e
```
#2aff4e rgb(42,255,78)
```

Split Complementary Color

#2a71ff
```
#2a71ff rgb(42,113,255)
```
#ff2a71
```
#ff2a71 rgb(255,42,113)
```
#71ff2a
```
#71ff2a rgb(113,255,42)
```

Triadic Color

#b82aff
```
#b82aff rgb(184,42,255)
```
#ff2a71
```
#ff2a71 rgb(255,42,113)
```
#71ff2a
```
#71ff2a rgb(113,255,42)
```
#2affb8
```
#2affb8 rgb(42,255,184)
```

Tetradic Color

#dd004a
```
#dd004a rgb(221,0,74)
```
#f60052
```
#f60052 rgb(246,0,82)
```
#ff1160
```
#ff1160 rgb(255,17,96)
```
#ff2a71
```
#ff2a71 rgb(255,42,113)
```
#ff4482
```
#ff4482 rgb(255,68,130)
```
#ff5d93
```
#ff5d93 rgb(255,93,147)
```
#ff77a4
```
#ff77a4 rgb(255,119,164)
```

Monochromatic Color

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

#ff2aa6
```
#ff2aa6 rgb(255,42,166)
```
#ff2a95
```
#ff2a95 rgb(255,42,149)
```
#ff2a83
```
#ff2a83 rgb(255,42,131)
```
#ff2a71
```
#ff2a71 rgb(255,42,113)
```
#ff2a5f
```
#ff2a5f rgb(255,42,95)
```
#ff2a4e
```
#ff2a4e rgb(255,42,78)
```
#ff2a3c
```
#ff2a3c rgb(255,42,60)
```

Similar Colors

Text with hexadecimal color #ff2a71

This text has a font color of #ff2a71.

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

#ff2a71 background color

This paragraph has a background color of #ff2a71.

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

#ff2a71 border color

This element has a border color of #ff2a71.

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

CSS codes

.text {color:#ff2a71;}

.background {background-color:#ff2a71;}

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

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 #ffeef4 is the lightest one.

#030001
```
#030001 rgb(3,0,1)
```
#160007
```
#160007 rgb(22,0,7)
```
#2a000e
```
#2a000e rgb(42,0,14)
```
#3e0015
```
#3e0015 rgb(62,0,21)
```
#51001b
```
#51001b rgb(81,0,27)
```
#650022
```
#650022 rgb(101,0,34)
```
#780028
```
#780028 rgb(120,0,40)
```
#8c002f
```
#8c002f rgb(140,0,47)
```
#a00035
```
#a00035 rgb(160,0,53)
```
#b3003c
```
#b3003c rgb(179,0,60)
```
#c70042
```
#c70042 rgb(199,0,66)
```
#db0049
```
#db0049 rgb(219,0,73)
```
#ee004f
```
#ee004f rgb(238,0,79)
```

Shade Color Variation

#ff0357
```
#ff0357 rgb(255,3,87)
```
#ff1664
```
#ff1664 rgb(255,22,100)
```
#ff2a71
```
#ff2a71 rgb(255,42,113)
```
#ff3e7e
```
#ff3e7e rgb(255,62,126)
```
#ff518b
```
#ff518b rgb(255,81,139)
```
#ff6598
```
#ff6598 rgb(255,101,152)
```
#ff78a5
```
#ff78a5 rgb(255,120,165)
```
#ff8cb2
```
#ff8cb2 rgb(255,140,178)
```
#ffa0bf
```
#ffa0bf rgb(255,160,191)
```
#ffb3cd
```
#ffb3cd rgb(255,179,205)
```
#ffc7da
```
#ffc7da rgb(255,199,218)
```
#ffdbe7
```
#ffdbe7 rgb(255,219,231)
```
#ffeef4
```
#ffeef4 rgb(255,238,244)
```

Tint Color Variation

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

#9d8c92
```
#9d8c92 rgb(157,140,146)
```
#a5848f
```
#a5848f rgb(165,132,143)
```
#ad7c8c
```
#ad7c8c rgb(173,124,140)
```
#b5748a
```
#b5748a rgb(181,116,138)
```
#bd6c87
```
#bd6c87 rgb(189,108,135)
```
#c66384
```
#c66384 rgb(198,99,132)
```
#ce5b81
```
#ce5b81 rgb(206,91,129)
```
#d6537f
```
#d6537f rgb(214,83,127)
```
#de4b7c
```
#de4b7c rgb(222,75,124)
```
#e64379
```
#e64379 rgb(230,67,121)
```
#ef3a76
```
#ef3a76 rgb(239,58,118)
```
#f73274
```
#f73274 rgb(247,50,116)
```
#ff2a71
```
#ff2a71 rgb(255,42,113)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#8e6472 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a8c9c Protanopia 1% of men
#a5876a Deuteranopia 1% of men
#fc4345 Tritanopia 0.001% of the population

Trichromacy

#b4688c Protanomaly 1% of men, 0.01% of women
#c5656d Deuteranomaly 6% of men, 0.4% of women
#fd3a55 Tritanomaly 0.01% of the population

#ff2a71 hex color

#ff2a71 Color Information

#ff2a71 Color Conversion

Color Schemes with #ff2a71

Alternatives to #ff2a71

#ff2a71 Preview

Shades and Tints of #ff2a71

Tones of #ff2a71

Color Blindness Simulator