#ff2d6f hex color

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

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

● #ff2d6f color description : Vivid pink.

The hexadecimal color #ff2d6f has RGB values of R:255, G:45, B:111 and CMYK values of C:0, M:0.82, Y:0.56, K:0. Its decimal value is 16723311.

Hex triplet	ff2d6f	`#ff2d6f`
RGB Decimal	255, 45, 111	`rgb(255,45,111)`
RGB Percent	100, 17.6, 43.5	`rgb(100%,17.6%,43.5%)`
CMYK	0, 82, 56, 0
HSL	341.1°, 100, 58.8	`hsl(341.1,100%,58.8%)`
HSV (or HSB)	341.1°, 82.4, 100
Web Safe	ff3366	`#ff3366`

CIE-LAB	56.377, 77.872, 16.35
XYZ	45.049, 24.29, 17.354
xyY	0.52, 0.28, 24.29
CIE-LCH	56.377, 79.57, 11.858
CIE-LUV	56.377, 141.197, 3.954
Hunter-Lab	49.285, 76.913, 13.622
Binary	11111111, 00101101, 01101111

#ff2d6f
```
#ff2d6f rgb(255,45,111)
```
#2dffbd
```
#2dffbd rgb(45,255,189)
```

Complementary Color

#ff2dd8
```
#ff2dd8 rgb(255,45,216)
```
#ff2d6f
```
#ff2d6f rgb(255,45,111)
```
#ff542d
```
#ff542d rgb(255,84,45)
```

Analogous Color

#2dd8ff
```
#2dd8ff rgb(45,216,255)
```
#ff2d6f
```
#ff2d6f rgb(255,45,111)
```
#2dff54
```
#2dff54 rgb(45,255,84)
```

Split Complementary Color

#2d6fff
```
#2d6fff rgb(45,111,255)
```
#ff2d6f
```
#ff2d6f rgb(255,45,111)
```
#6fff2d
```
#6fff2d rgb(111,255,45)
```

Triadic Color

#bd2dff
```
#bd2dff rgb(189,45,255)
```
#ff2d6f
```
#ff2d6f rgb(255,45,111)
```
#6fff2d
```
#6fff2d rgb(111,255,45)
```
#2dffbd
```
#2dffbd rgb(45,255,189)
```

Tetradic Color

#e00046
```
#e00046 rgb(224,0,70)
```
#f9004e
```
#f9004e rgb(249,0,78)
```
#ff145e
```
#ff145e rgb(255,20,94)
```
#ff2d6f
```
#ff2d6f rgb(255,45,111)
```
#ff4780
```
#ff4780 rgb(255,71,128)
```
#ff6092
```
#ff6092 rgb(255,96,146)
```
#ff7aa3
```
#ff7aa3 rgb(255,122,163)
```

Monochromatic Color

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

#ff2da4
```
#ff2da4 rgb(255,45,164)
```
#ff2d92
```
#ff2d92 rgb(255,45,146)
```
#ff2d81
```
#ff2d81 rgb(255,45,129)
```
#ff2d6f
```
#ff2d6f rgb(255,45,111)
```
#ff2d5e
```
#ff2d5e rgb(255,45,94)
```
#ff2d4c
```
#ff2d4c rgb(255,45,76)
```
#ff2d3b
```
#ff2d3b rgb(255,45,59)
```

Similar Colors

Text with hexadecimal color #ff2d6f

This text has a font color of #ff2d6f.

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

#ff2d6f background color

This paragraph has a background color of #ff2d6f.

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

#ff2d6f border color

This element has a border color of #ff2d6f.

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

CSS codes

.text {color:#ff2d6f;}

.background {background-color:#ff2d6f;}

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

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)
```
#190008
```
#190008 rgb(25,0,8)
```
#2d000e
```
#2d000e rgb(45,0,14)
```
#410014
```
#410014 rgb(65,0,20)
```
#54001a
```
#54001a rgb(84,0,26)
```
#680021
```
#680021 rgb(104,0,33)
```
#7b0027
```
#7b0027 rgb(123,0,39)
```
#8f002d
```
#8f002d rgb(143,0,45)
```
#a30033
```
#a30033 rgb(163,0,51)
```
#b60039
```
#b60039 rgb(182,0,57)
```
#ca003f
```
#ca003f rgb(202,0,63)
```
#de0046
```
#de0046 rgb(222,0,70)
```
#f1004c
```
#f1004c rgb(241,0,76)
```

Shade Color Variation

#ff0654
```
#ff0654 rgb(255,6,84)
```
#ff1962
```
#ff1962 rgb(255,25,98)
```
#ff2d6f
```
#ff2d6f rgb(255,45,111)
```
#ff417c
```
#ff417c rgb(255,65,124)
```
#ff548a
```
#ff548a rgb(255,84,138)
```
#ff6897
```
#ff6897 rgb(255,104,151)
```
#ff7ba5
```
#ff7ba5 rgb(255,123,165)
```
#ff8fb2
```
#ff8fb2 rgb(255,143,178)
```
#ffa3c0
```
#ffa3c0 rgb(255,163,192)
```
#ffb6cd
```
#ffb6cd rgb(255,182,205)
```
#ffcadb
```
#ffcadb rgb(255,202,219)
```
#ffdee8
```
#ffdee8 rgb(255,222,232)
```
#fff1f6
```
#fff1f6 rgb(255,241,246)
```

Tint Color Variation

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

#9e8e93
```
#9e8e93 rgb(158,142,147)
```
#a68690
```
#a68690 rgb(166,134,144)
```
#ae7e8d
```
#ae7e8d rgb(174,126,141)
```
#b6768a
```
#b6768a rgb(182,118,138)
```
#be6e87
```
#be6e87 rgb(190,110,135)
```
#c66684
```
#c66684 rgb(198,102,132)
```
#cf5d81
```
#cf5d81 rgb(207,93,129)
```
#d7557e
```
#d7557e rgb(215,85,126)
```
#df4d7b
```
#df4d7b rgb(223,77,123)
```
#e74578
```
#e74578 rgb(231,69,120)
```
#ef3d75
```
#ef3d75 rgb(239,61,117)
```
#f73572
```
#f73572 rgb(247,53,114)
```
#ff2d6f
```
#ff2d6f rgb(255,45,111)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#8f6572 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c8c99 Protanopia 1% of men
#a68769 Deuteranopia 1% of men
#fc4546 Tritanopia 0.001% of the population

Trichromacy

#b56989 Protanomaly 1% of men, 0.01% of women
#c6666b Deuteranomaly 6% of men, 0.4% of women
#fd3c55 Tritanomaly 0.01% of the population

#ff2d6f hex color

#ff2d6f Color Information

#ff2d6f Color Conversion

Color Schemes with #ff2d6f

Alternatives to #ff2d6f

#ff2d6f Preview

Shades and Tints of #ff2d6f

Tones of #ff2d6f

Color Blindness Simulator