#ff2d76 hex color

In a RGB color space, hex #ff2d76 is composed of 100% red, 17.6% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.4% magenta, 53.7% yellow and 0% black. It has a hue angle of 339.1 degrees, a saturation of 100% and a lightness of 58.8%. #ff2d76 color hex could be obtained by blending #ff5aec with #ff0000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 100
- G 18
- B 46
RGB color chart
- C 0
- M 82
- Y 54
- K 0
CMYK color chart

● #ff2d76 color description : Vivid pink.

The hexadecimal color #ff2d76 has RGB values of R:255, G:45, B:118 and CMYK values of C:0, M:0.82, Y:0.54, K:0. Its decimal value is 16723318.

Hex triplet	ff2d76	`#ff2d76`
RGB Decimal	255, 45, 118	`rgb(255,45,118)`
RGB Percent	100, 17.6, 46.3	`rgb(100%,17.6%,46.3%)`
CMYK	0, 82, 54, 0
HSL	339.1°, 100, 58.8	`hsl(339.1,100%,58.8%)`
HSV (or HSB)	339.1°, 82.4, 100
Web Safe	ff3366	`#ff3366`

CIE-LAB	56.536, 78.34, 12.395
XYZ	45.45, 24.45, 19.465
xyY	0.509, 0.274, 24.45
CIE-LCH	56.536, 79.314, 8.991
CIE-LUV	56.536, 138.526, -0.541
Hunter-Lab	49.447, 77.539, 11.274
Binary	11111111, 00101101, 01110110

#ff2d76
```
#ff2d76 rgb(255,45,118)
```
#2dffb6
```
#2dffb6 rgb(45,255,182)
```

Complementary Color

#ff2ddf
```
#ff2ddf rgb(255,45,223)
```
#ff2d76
```
#ff2d76 rgb(255,45,118)
```
#ff4d2d
```
#ff4d2d rgb(255,77,45)
```

Analogous Color

#2ddfff
```
#2ddfff rgb(45,223,255)
```
#ff2d76
```
#ff2d76 rgb(255,45,118)
```
#2dff4d
```
#2dff4d rgb(45,255,77)
```

Split Complementary Color

#2d76ff
```
#2d76ff rgb(45,118,255)
```
#ff2d76
```
#ff2d76 rgb(255,45,118)
```
#76ff2d
```
#76ff2d rgb(118,255,45)
```

Triadic Color

#b62dff
```
#b62dff rgb(182,45,255)
```
#ff2d76
```
#ff2d76 rgb(255,45,118)
```
#76ff2d
```
#76ff2d rgb(118,255,45)
```
#2dffb6
```
#2dffb6 rgb(45,255,182)
```

Tetradic Color

#e0004e
```
#e0004e rgb(224,0,78)
```
#f90057
```
#f90057 rgb(249,0,87)
```
#ff1465
```
#ff1465 rgb(255,20,101)
```
#ff2d76
```
#ff2d76 rgb(255,45,118)
```
#ff4787
```
#ff4787 rgb(255,71,135)
```
#ff6097
```
#ff6097 rgb(255,96,151)
```
#ff7aa8
```
#ff7aa8 rgb(255,122,168)
```

Monochromatic Color

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

#ff2dab
```
#ff2dab rgb(255,45,171)
```
#ff2d99
```
#ff2d99 rgb(255,45,153)
```
#ff2d88
```
#ff2d88 rgb(255,45,136)
```
#ff2d76
```
#ff2d76 rgb(255,45,118)
```
#ff2d65
```
#ff2d65 rgb(255,45,101)
```
#ff2d53
```
#ff2d53 rgb(255,45,83)
```
#ff2d41
```
#ff2d41 rgb(255,45,65)
```

Similar Colors

Text with hexadecimal color #ff2d76

This text has a font color of #ff2d76.

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

#ff2d76 background color

This paragraph has a background color of #ff2d76.

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

#ff2d76 border color

This element has a border color of #ff2d76.

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

CSS codes

.text {color:#ff2d76;}

.background {background-color:#ff2d76;}

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

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

#060002
```
#060002 rgb(6,0,2)
```
#190009
```
#190009 rgb(25,0,9)
```
#2d0010
```
#2d0010 rgb(45,0,16)
```
#410016
```
#410016 rgb(65,0,22)
```
#54001d
```
#54001d rgb(84,0,29)
```
#680024
```
#680024 rgb(104,0,36)
```
#7b002b
```
#7b002b rgb(123,0,43)
```
#8f0032
```
#8f0032 rgb(143,0,50)
```
#a30039
```
#a30039 rgb(163,0,57)
```
#b6003f
```
#b6003f rgb(182,0,63)
```
#ca0046
```
#ca0046 rgb(202,0,70)
```
#de004d
```
#de004d rgb(222,0,77)
```
#f10054
```
#f10054 rgb(241,0,84)
```

Shade Color Variation

#ff065c
```
#ff065c rgb(255,6,92)
```
#ff1969
```
#ff1969 rgb(255,25,105)
```
#ff2d76
```
#ff2d76 rgb(255,45,118)
```
#ff4183
```
#ff4183 rgb(255,65,131)
```
#ff5490
```
#ff5490 rgb(255,84,144)
```
#ff689c
```
#ff689c rgb(255,104,156)
```
#ff7ba9
```
#ff7ba9 rgb(255,123,169)
```
#ff8fb6
```
#ff8fb6 rgb(255,143,182)
```
#ffa3c3
```
#ffa3c3 rgb(255,163,195)
```
#ffb6d0
```
#ffb6d0 rgb(255,182,208)
```
#ffcadc
```
#ffcadc rgb(255,202,220)
```
#ffdee9
```
#ffdee9 rgb(255,222,233)
```
#fff1f6
```
#fff1f6 rgb(255,241,246)
```

Tint Color Variation

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

#9e8e94
```
#9e8e94 rgb(158,142,148)
```
#a68691
```
#a68691 rgb(166,134,145)
```
#ae7e8f
```
#ae7e8f rgb(174,126,143)
```
#b6768c
```
#b6768c rgb(182,118,140)
```
#be6e8a
```
#be6e8a rgb(190,110,138)
```
#c66687
```
#c66687 rgb(198,102,135)
```
#cf5d85
```
#cf5d85 rgb(207,93,133)
```
#d75582
```
#d75582 rgb(215,85,130)
```
#df4d80
```
#df4d80 rgb(223,77,128)
```
#e7457d
```
#e7457d rgb(231,69,125)
```
#ef3d7b
```
#ef3d7b rgb(239,61,123)
```
#f73578
```
#f73578 rgb(247,53,120)
```
#ff2d76
```
#ff2d76 rgb(255,45,118)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#906674 Atypical Achromatopsia 0.001% of the population

Dichromacy

#898ca1 Protanopia 1% of men
#a5886f Deuteranopia 1% of men
#fc4649 Tritanopia 0.001% of the population

Trichromacy

#b46991 Protanomaly 1% of men, 0.01% of women
#c56771 Deuteranomaly 6% of men, 0.4% of women
#fd3d59 Tritanomaly 0.01% of the population

#ff2d76 hex color

#ff2d76 Color Information

#ff2d76 Color Conversion

Color Schemes with #ff2d76

Alternatives to #ff2d76

#ff2d76 Preview

Shades and Tints of #ff2d76

Tones of #ff2d76

Color Blindness Simulator