#ff2186 hex color

In a RGB color space, hex #ff2186 is composed of 100% red, 12.9% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.1% magenta, 47.5% yellow and 0% black. It has a hue angle of 332.7 degrees, a saturation of 100% and a lightness of 56.5%. #ff2186 color hex could be obtained by blending #ff42ff with #ff000d. Closest websafe color is: #ff3399.

♥
- f
- t
- g
- R 100
- G 13
- B 53
RGB color chart
- C 0
- M 87
- Y 47
- K 0
CMYK color chart

● #ff2186 color description : Vivid pink.

The hexadecimal color #ff2186 has RGB values of R:255, G:33, B:134 and CMYK values of C:0, M:0.87, Y:0.47, K:0. Its decimal value is 16720262.

Hex triplet	ff2186	`#ff2186`
RGB Decimal	255, 33, 134	`rgb(255,33,134)`
RGB Percent	100, 12.9, 52.5	`rgb(100%,12.9%,52.5%)`
CMYK	0, 87, 47, 0
HSL	332.7°, 100, 56.5	`hsl(332.7,100%,56.5%)`
HSV (or HSB)	332.7°, 87.1, 100
Web Safe	ff3399	`#ff3399`

CIE-LAB	56.162, 81.772, 2.321
XYZ	46.088, 24.074, 24.773
xyY	0.485, 0.254, 24.074
CIE-LCH	56.162, 81.805, 1.626
CIE-LUV	56.162, 135.083, -13.412
Hunter-Lab	49.065, 81.805, 4.411
Binary	11111111, 00100001, 10000110

#ff2186
```
#ff2186 rgb(255,33,134)
```
#21ff9a
```
#21ff9a rgb(33,255,154)
```

Complementary Color

#ff21f5
```
#ff21f5 rgb(255,33,245)
```
#ff2186
```
#ff2186 rgb(255,33,134)
```
#ff2b21
```
#ff2b21 rgb(255,43,33)
```

Analogous Color

#21f5ff
```
#21f5ff rgb(33,245,255)
```
#ff2186
```
#ff2186 rgb(255,33,134)
```
#21ff2b
```
#21ff2b rgb(33,255,43)
```

Split Complementary Color

#2186ff
```
#2186ff rgb(33,134,255)
```
#ff2186
```
#ff2186 rgb(255,33,134)
```
#86ff21
```
#86ff21 rgb(134,255,33)
```

Triadic Color

#9a21ff
```
#9a21ff rgb(154,33,255)
```
#ff2186
```
#ff2186 rgb(255,33,134)
```
#86ff21
```
#86ff21 rgb(134,255,33)
```
#21ff9a
```
#21ff9a rgb(33,255,154)
```

Tetradic Color

#d40060
```
#d40060 rgb(212,0,96)
```
#ed006c
```
#ed006c rgb(237,0,108)
```
#ff0778
```
#ff0778 rgb(255,7,120)
```
#ff2186
```
#ff2186 rgb(255,33,134)
```
#ff3b94
```
#ff3b94 rgb(255,59,148)
```
#ff54a2
```
#ff54a2 rgb(255,84,162)
```
#ff6eb0
```
#ff6eb0 rgb(255,110,176)
```

Monochromatic Color

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

#ff21be
```
#ff21be rgb(255,33,190)
```
#ff21ab
```
#ff21ab rgb(255,33,171)
```
#ff2199
```
#ff2199 rgb(255,33,153)
```
#ff2186
```
#ff2186 rgb(255,33,134)
```
#ff2174
```
#ff2174 rgb(255,33,116)
```
#ff2161
```
#ff2161 rgb(255,33,97)
```
#ff214f
```
#ff214f rgb(255,33,79)
```

Similar Colors

Text with hexadecimal color #ff2186

This text has a font color of #ff2186.

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

#ff2186 background color

This paragraph has a background color of #ff2186.

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

#ff2186 border color

This element has a border color of #ff2186.

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

CSS codes

.text {color:#ff2186;}

.background {background-color:#ff2186;}

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

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, #0d0006 is the darkest color, while #fff9fc is the lightest one.

#0d0006
```
#0d0006 rgb(13,0,6)
```
#21000f
```
#21000f rgb(33,0,15)
```
#350018
```
#350018 rgb(53,0,24)
```
#480021
```
#480021 rgb(72,0,33)
```
#5c002a
```
#5c002a rgb(92,0,42)
```
#6f0033
```
#6f0033 rgb(111,0,51)
```
#83003c
```
#83003c rgb(131,0,60)
```
#970045
```
#970045 rgb(151,0,69)
```
#aa004d
```
#aa004d rgb(170,0,77)
```
#be0056
```
#be0056 rgb(190,0,86)
```
#d2005f
```
#d2005f rgb(210,0,95)
```
#e50068
```
#e50068 rgb(229,0,104)
```
#f90071
```
#f90071 rgb(249,0,113)
```

Shade Color Variation

#ff0d7b
```
#ff0d7b rgb(255,13,123)
```
#ff2186
```
#ff2186 rgb(255,33,134)
```
#ff3591
```
#ff3591 rgb(255,53,145)
```
#ff489b
```
#ff489b rgb(255,72,155)
```
#ff5ca6
```
#ff5ca6 rgb(255,92,166)
```
#ff6fb1
```
#ff6fb1 rgb(255,111,177)
```
#ff83bb
```
#ff83bb rgb(255,131,187)
```
#ff97c6
```
#ff97c6 rgb(255,151,198)
```
#ffaad1
```
#ffaad1 rgb(255,170,209)
```
#ffbedc
```
#ffbedc rgb(255,190,220)
```
#ffd2e6
```
#ffd2e6 rgb(255,210,230)
```
#ffe5f1
```
#ffe5f1 rgb(255,229,241)
```
#fff9fc
```
#fff9fc rgb(255,249,252)
```

Tint Color Variation

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

#99878f
```
#99878f rgb(153,135,143)
```
#a17f8e
```
#a17f8e rgb(161,127,142)
```
#aa768e
```
#aa768e rgb(170,118,142)
```
#b26e8d
```
#b26e8d rgb(178,110,141)
```
#bb658c
```
#bb658c rgb(187,101,140)
```
#c35d8b
```
#c35d8b rgb(195,93,139)
```
#cc548b
```
#cc548b rgb(204,84,139)
```
#d44c8a
```
#d44c8a rgb(212,76,138)
```
#dd4389
```
#dd4389 rgb(221,67,137)
```
#e53b88
```
#e53b88 rgb(229,59,136)
```
#ee3288
```
#ee3288 rgb(238,50,136)
```
#f62a87
```
#f62a87 rgb(246,42,135)
```
#ff2186
```
#ff2186 rgb(255,33,134)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#8c5f74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f8bb7 Protanopia 1% of men
#9f887d Deuteranopia 1% of men
#fb4547 Tritanopia 0.001% of the population

Trichromacy

#ad64a5 Protanomaly 1% of men, 0.01% of women
#c26280 Deuteranomaly 6% of men, 0.4% of women
#fc385e Tritanomaly 0.01% of the population

#ff2186 hex color

#ff2186 Color Information

#ff2186 Color Conversion

Color Schemes with #ff2186

Alternatives to #ff2186

#ff2186 Preview

Shades and Tints of #ff2186

Tones of #ff2186

Color Blindness Simulator