#ff2976 hex color

In a RGB color space, hex #ff2976 is composed of 100% red, 16.1% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.9% magenta, 53.7% yellow and 0% black. It has a hue angle of 338.4 degrees, a saturation of 100% and a lightness of 58%. #ff2976 color hex could be obtained by blending #ff52ec with #ff0000. Closest websafe color is: #ff3366.

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

● #ff2976 color description : Vivid pink.

The hexadecimal color #ff2976 has RGB values of R:255, G:41, B:118 and CMYK values of C:0, M:0.84, Y:0.54, K:0. Its decimal value is 16722294.

Hex triplet	ff2976	`#ff2976`
RGB Decimal	255, 41, 118	`rgb(255,41,118)`
RGB Percent	100, 16.1, 46.3	`rgb(100%,16.1%,46.3%)`
CMYK	0, 84, 54, 0
HSL	338.4°, 100, 58	`hsl(338.4,100%,58%)`
HSV (or HSB)	338.4°, 83.9, 100
Web Safe	ff3366	`#ff3366`

CIE-LAB	56.247, 79.167, 11.991
XYZ	45.305, 24.159, 19.416
xyY	0.51, 0.272, 24.159
CIE-LCH	56.247, 80.07, 8.613
CIE-LUV	56.247, 139.727, -1.231
Hunter-Lab	49.152, 78.512, 10.985
Binary	11111111, 00101001, 01110110

#ff2976
```
#ff2976 rgb(255,41,118)
```
#29ffb2
```
#29ffb2 rgb(41,255,178)
```

Complementary Color

#ff29e1
```
#ff29e1 rgb(255,41,225)
```
#ff2976
```
#ff2976 rgb(255,41,118)
```
#ff4729
```
#ff4729 rgb(255,71,41)
```

Analogous Color

#29e1ff
```
#29e1ff rgb(41,225,255)
```
#ff2976
```
#ff2976 rgb(255,41,118)
```
#29ff47
```
#29ff47 rgb(41,255,71)
```

Split Complementary Color

#2976ff
```
#2976ff rgb(41,118,255)
```
#ff2976
```
#ff2976 rgb(255,41,118)
```
#76ff29
```
#76ff29 rgb(118,255,41)
```

Triadic Color

#b229ff
```
#b229ff rgb(178,41,255)
```
#ff2976
```
#ff2976 rgb(255,41,118)
```
#76ff29
```
#76ff29 rgb(118,255,41)
```
#29ffb2
```
#29ffb2 rgb(41,255,178)
```

Tetradic Color

#dc004f
```
#dc004f rgb(220,0,79)
```
#f50058
```
#f50058 rgb(245,0,88)
```
#ff1066
```
#ff1066 rgb(255,16,102)
```
#ff2976
```
#ff2976 rgb(255,41,118)
```
#ff4386
```
#ff4386 rgb(255,67,134)
```
#ff5c97
```
#ff5c97 rgb(255,92,151)
```
#ff76a7
```
#ff76a7 rgb(255,118,167)
```

Monochromatic Color

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

#ff29ac
```
#ff29ac rgb(255,41,172)
```
#ff299a
```
#ff299a rgb(255,41,154)
```
#ff2988
```
#ff2988 rgb(255,41,136)
```
#ff2976
```
#ff2976 rgb(255,41,118)
```
#ff2964
```
#ff2964 rgb(255,41,100)
```
#ff2952
```
#ff2952 rgb(255,41,82)
```
#ff2940
```
#ff2940 rgb(255,41,64)
```

Similar Colors

Text with hexadecimal color #ff2976

This text has a font color of #ff2976.

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

#ff2976 background color

This paragraph has a background color of #ff2976.

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

#ff2976 border color

This element has a border color of #ff2976.

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

CSS codes

.text {color:#ff2976;}

.background {background-color:#ff2976;}

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

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

#020001
```
#020001 rgb(2,0,1)
```
#150008
```
#150008 rgb(21,0,8)
```
#29000f
```
#29000f rgb(41,0,15)
```
#3d0016
```
#3d0016 rgb(61,0,22)
```
#50001d
```
#50001d rgb(80,0,29)
```
#640024
```
#640024 rgb(100,0,36)
```
#77002b
```
#77002b rgb(119,0,43)
```
#8b0032
```
#8b0032 rgb(139,0,50)
```
#9f0039
```
#9f0039 rgb(159,0,57)
```
#b20040
```
#b20040 rgb(178,0,64)
```
#c60047
```
#c60047 rgb(198,0,71)
```
#da004e
```
#da004e rgb(218,0,78)
```
#ed0055
```
#ed0055 rgb(237,0,85)
```

Shade Color Variation

#ff025d
```
#ff025d rgb(255,2,93)
```
#ff1569
```
#ff1569 rgb(255,21,105)
```
#ff2976
```
#ff2976 rgb(255,41,118)
```
#ff3d83
```
#ff3d83 rgb(255,61,131)
```
#ff508f
```
#ff508f rgb(255,80,143)
```
#ff649c
```
#ff649c rgb(255,100,156)
```
#ff77a8
```
#ff77a8 rgb(255,119,168)
```
#ff8bb5
```
#ff8bb5 rgb(255,139,181)
```
#ff9fc1
```
#ff9fc1 rgb(255,159,193)
```
#ffb2ce
```
#ffb2ce rgb(255,178,206)
```
#ffc6da
```
#ffc6da rgb(255,198,218)
```
#ffdae7
```
#ffdae7 rgb(255,218,231)
```
#ffedf4
```
#ffedf4 rgb(255,237,244)
```

Tint Color Variation

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

#9c8c92
```
#9c8c92 rgb(156,140,146)
```
#a4848f
```
#a4848f rgb(164,132,143)
```
#ad7b8d
```
#ad7b8d rgb(173,123,141)
```
#b5738b
```
#b5738b rgb(181,115,139)
```
#bd6b88
```
#bd6b88 rgb(189,107,136)
```
#c56386
```
#c56386 rgb(197,99,134)
```
#ce5a84
```
#ce5a84 rgb(206,90,132)
```
#d65282
```
#d65282 rgb(214,82,130)
```
#de4a7f
```
#de4a7f rgb(222,74,127)
```
#e6427d
```
#e6427d rgb(230,66,125)
```
#ef397b
```
#ef397b rgb(239,57,123)
```
#f73178
```
#f73178 rgb(247,49,120)
```
#ff2976
```
#ff2976 rgb(255,41,118)
```

Tone Color Variation

Below, you can see how #ff2976 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
#8e6373 Atypical Achromatopsia 0.001% of the population

Dichromacy

#888ba2 Protanopia 1% of men
#a4876f Deuteranopia 1% of men
#fc4446 Tritanopia 0.001% of the population

Trichromacy

#b36792 Protanomaly 1% of men, 0.01% of women
#c56571 Deuteranomaly 6% of men, 0.4% of women
#fd3a57 Tritanomaly 0.01% of the population

#ff2976 hex color

#ff2976 Color Information

#ff2976 Color Conversion

Color Schemes with #ff2976

Alternatives to #ff2976

#ff2976 Preview

Shades and Tints of #ff2976

Tones of #ff2976

Color Blindness Simulator