#ff2c6f hex color

In a RGB color space, hex #ff2c6f is composed of 100% red, 17.3% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.7% magenta, 56.5% yellow and 0% black. It has a hue angle of 340.9 degrees, a saturation of 100% and a lightness of 58.6%. #ff2c6f color hex could be obtained by blending #ff58de with #ff0000. Closest websafe color is: #ff3366.

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

● #ff2c6f color description : Vivid pink.

The hexadecimal color #ff2c6f has RGB values of R:255, G:44, B:111 and CMYK values of C:0, M:0.83, Y:0.56, K:0. Its decimal value is 16723055.

Hex triplet	ff2c6f	`#ff2c6f`
RGB Decimal	255, 44, 111	`rgb(255,44,111)`
RGB Percent	100, 17.3, 43.5	`rgb(100%,17.3%,43.5%)`
CMYK	0, 83, 56, 0
HSL	340.9°, 100, 58.6	`hsl(340.9,100%,58.6%)`
HSV (or HSB)	340.9°, 82.7, 100
Web Safe	ff3366	`#ff3366`

CIE-LAB	56.302, 78.086, 16.247
XYZ	45.012, 24.214, 17.342
xyY	0.52, 0.28, 24.214
CIE-LCH	56.302, 79.758, 11.753
CIE-LUV	56.302, 141.519, 3.779
Hunter-Lab	49.208, 77.164, 13.551
Binary	11111111, 00101100, 01101111

#ff2c6f
```
#ff2c6f rgb(255,44,111)
```
#2cffbc
```
#2cffbc rgb(44,255,188)
```

Complementary Color

#ff2cd9
```
#ff2cd9 rgb(255,44,217)
```
#ff2c6f
```
#ff2c6f rgb(255,44,111)
```
#ff532c
```
#ff532c rgb(255,83,44)
```

Analogous Color

#2cd9ff
```
#2cd9ff rgb(44,217,255)
```
#ff2c6f
```
#ff2c6f rgb(255,44,111)
```
#2cff53
```
#2cff53 rgb(44,255,83)
```

Split Complementary Color

#2c6fff
```
#2c6fff rgb(44,111,255)
```
#ff2c6f
```
#ff2c6f rgb(255,44,111)
```
#6fff2c
```
#6fff2c rgb(111,255,44)
```

Triadic Color

#bc2cff
```
#bc2cff rgb(188,44,255)
```
#ff2c6f
```
#ff2c6f rgb(255,44,111)
```
#6fff2c
```
#6fff2c rgb(111,255,44)
```
#2cffbc
```
#2cffbc rgb(44,255,188)
```

Tetradic Color

#df0047
```
#df0047 rgb(223,0,71)
```
#f8004f
```
#f8004f rgb(248,0,79)
```
#ff135e
```
#ff135e rgb(255,19,94)
```
#ff2c6f
```
#ff2c6f rgb(255,44,111)
```
#ff4680
```
#ff4680 rgb(255,70,128)
```
#ff5f92
```
#ff5f92 rgb(255,95,146)
```
#ff79a3
```
#ff79a3 rgb(255,121,163)
```

Monochromatic Color

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

#ff2ca4
```
#ff2ca4 rgb(255,44,164)
```
#ff2c92
```
#ff2c92 rgb(255,44,146)
```
#ff2c81
```
#ff2c81 rgb(255,44,129)
```
#ff2c6f
```
#ff2c6f rgb(255,44,111)
```
#ff2c5d
```
#ff2c5d rgb(255,44,93)
```
#ff2c4c
```
#ff2c4c rgb(255,44,76)
```
#ff2c3a
```
#ff2c3a rgb(255,44,58)
```

Similar Colors

Text with hexadecimal color #ff2c6f

This text has a font color of #ff2c6f.

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

#ff2c6f background color

This paragraph has a background color of #ff2c6f.

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

#ff2c6f border color

This element has a border color of #ff2c6f.

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

CSS codes

.text {color:#ff2c6f;}

.background {background-color:#ff2c6f;}

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

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

#050002
```
#050002 rgb(5,0,2)
```
#180008
```
#180008 rgb(24,0,8)
```
#2c000e
```
#2c000e rgb(44,0,14)
```
#400014
```
#400014 rgb(64,0,20)
```
#53001a
```
#53001a rgb(83,0,26)
```
#670021
```
#670021 rgb(103,0,33)
```
#7a0027
```
#7a0027 rgb(122,0,39)
```
#8e002d
```
#8e002d rgb(142,0,45)
```
#a20033
```
#a20033 rgb(162,0,51)
```
#b5003a
```
#b5003a rgb(181,0,58)
```
#c90040
```
#c90040 rgb(201,0,64)
```
#dd0046
```
#dd0046 rgb(221,0,70)
```
#f0004c
```
#f0004c rgb(240,0,76)
```

Shade Color Variation

#ff0554
```
#ff0554 rgb(255,5,84)
```
#ff1862
```
#ff1862 rgb(255,24,98)
```
#ff2c6f
```
#ff2c6f rgb(255,44,111)
```
#ff407c
```
#ff407c rgb(255,64,124)
```
#ff538a
```
#ff538a rgb(255,83,138)
```
#ff6797
```
#ff6797 rgb(255,103,151)
```
#ff7aa5
```
#ff7aa5 rgb(255,122,165)
```
#ff8eb2
```
#ff8eb2 rgb(255,142,178)
```
#ffa2bf
```
#ffa2bf rgb(255,162,191)
```
#ffb5cd
```
#ffb5cd rgb(255,181,205)
```
#ffc9da
```
#ffc9da rgb(255,201,218)
```
#ffdde7
```
#ffdde7 rgb(255,221,231)
```
#fff0f5
```
#fff0f5 rgb(255,240,245)
```

Tint Color Variation

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

#9e8d93
```
#9e8d93 rgb(158,141,147)
```
#a68590
```
#a68590 rgb(166,133,144)
```
#ae7d8d
```
#ae7d8d rgb(174,125,141)
```
#b6758a
```
#b6758a rgb(182,117,138)
```
#be6d87
```
#be6d87 rgb(190,109,135)
```
#c66584
```
#c66584 rgb(198,101,132)
```
#ce5d81
```
#ce5d81 rgb(206,93,129)
```
#d6557e
```
#d6557e rgb(214,85,126)
```
#df4c7b
```
#df4c7b rgb(223,76,123)
```
#e74478
```
#e74478 rgb(231,68,120)
```
#ef3c75
```
#ef3c75 rgb(239,60,117)
```
#f73472
```
#f73472 rgb(247,52,114)
```
#ff2c6f
```
#ff2c6f rgb(255,44,111)
```

Tone Color Variation

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

#8b8c99 Protanopia 1% of men
#a68769 Deuteranopia 1% of men
#fc4446 Tritanopia 0.001% of the population

Trichromacy

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

#ff2c6f hex color

#ff2c6f Color Information

#ff2c6f Color Conversion

Color Schemes with #ff2c6f

Alternatives to #ff2c6f

#ff2c6f Preview

Shades and Tints of #ff2c6f

Tones of #ff2c6f

Color Blindness Simulator