#f2186c hex color

In a RGB color space, hex #f2186c is composed of 94.9% red, 9.4% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.1% magenta, 55.4% yellow and 5.1% black. It has a hue angle of 336.9 degrees, a saturation of 89.3% and a lightness of 52.2%. #f2186c color hex could be obtained by blending #ff30d8 with #e50000. Closest websafe color is: #ff0066.

♥
- f
- t
- g
- R 95
- G 9
- B 42
RGB color chart
- C 0
- M 90
- Y 55
- K 5
CMYK color chart

● #f2186c color description : Vivid pink.

The hexadecimal color #f2186c has RGB values of R:242, G:24, B:108 and CMYK values of C:0, M:0.9, Y:0.55, K:0.05. Its decimal value is 15865964.

Hex triplet	f2186c	`#f2186c`
RGB Decimal	242, 24, 108	`rgb(242,24,108)`
RGB Percent	94.9, 9.4, 42.4	`rgb(94.9%,9.4%,42.4%)`
CMYK	0, 90, 55, 5
HSL	336.9°, 89.3, 52.2	`hsl(336.9,89.3%,52.2%)`
HSV (or HSB)	336.9°, 90.1, 94.9
Web Safe	ff0066	`#ff0066`

CIE-LAB	52.529, 78.225, 12.441
XYZ	39.653, 20.618, 16.078
xyY	0.519, 0.27, 20.618
CIE-LCH	52.529, 79.208, 9.037
CIE-LUV	52.529, 137.618, -0.759
Hunter-Lab	45.407, 76.418, 10.791
Binary	11110010, 00011000, 01101100

#f2186c
```
#f2186c rgb(242,24,108)
```
#18f29e
```
#18f29e rgb(24,242,158)
```

Complementary Color

#f218d9
```
#f218d9 rgb(242,24,217)
```
#f2186c
```
#f2186c rgb(242,24,108)
```
#f23118
```
#f23118 rgb(242,49,24)
```

Analogous Color

#18d9f2
```
#18d9f2 rgb(24,217,242)
```
#f2186c
```
#f2186c rgb(242,24,108)
```
#18f231
```
#18f231 rgb(24,242,49)
```

Split Complementary Color

#186cf2
```
#186cf2 rgb(24,108,242)
```
#f2186c
```
#f2186c rgb(242,24,108)
```
#6cf218
```
#6cf218 rgb(108,242,24)
```

Triadic Color

#9e18f2
```
#9e18f2 rgb(158,24,242)
```
#f2186c
```
#f2186c rgb(242,24,108)
```
#6cf218
```
#6cf218 rgb(108,242,24)
```
#18f29e
```
#18f29e rgb(24,242,158)
```

Tetradic Color

#b30a4b
```
#b30a4b rgb(179,10,75)
```
#cc0b55
```
#cc0b55 rgb(204,11,85)
```
#e40d60
```
#e40d60 rgb(228,13,96)
```
#f2186c
```
#f2186c rgb(242,24,108)
```
#f3307b
```
#f3307b rgb(243,48,123)
```
#f5488b
```
#f5488b rgb(245,72,139)
```
#f6609a
```
#f6609a rgb(246,96,154)
```

Monochromatic Color

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

#f218a3
```
#f218a3 rgb(242,24,163)
```
#f21890
```
#f21890 rgb(242,24,144)
```
#f2187e
```
#f2187e rgb(242,24,126)
```
#f2186c
```
#f2186c rgb(242,24,108)
```
#f2185a
```
#f2185a rgb(242,24,90)
```
#f21848
```
#f21848 rgb(242,24,72)
```
#f21835
```
#f21835 rgb(242,24,53)
```

Similar Colors

Text with hexadecimal color #f2186c

This text has a font color of #f2186c.

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

#f2186c background color

This paragraph has a background color of #f2186c.

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

#f2186c border color

This element has a border color of #f2186c.

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

CSS codes

.text {color:#f2186c;}

.background {background-color:#f2186c;}

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

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

#0a0104
```
#0a0104 rgb(10,1,4)
```
#1d020c
```
#1d020c rgb(29,2,12)
```
#300314
```
#300314 rgb(48,3,20)
```
#42041c
```
#42041c rgb(66,4,28)
```
#550524
```
#550524 rgb(85,5,36)
```
#67062b
```
#67062b rgb(103,6,43)
```
#7a0733
```
#7a0733 rgb(122,7,51)
```
#8c083b
```
#8c083b rgb(140,8,59)
```
#9f0943
```
#9f0943 rgb(159,9,67)
```
#b20a4b
```
#b20a4b rgb(178,10,75)
```
#c40b52
```
#c40b52 rgb(196,11,82)
```
#d70c5a
```
#d70c5a rgb(215,12,90)
```
#e90d62
```
#e90d62 rgb(233,13,98)
```

Shade Color Variation

#f2186c
```
#f2186c rgb(242,24,108)
```
#f32b78
```
#f32b78 rgb(243,43,120)
```
#f43d84
```
#f43d84 rgb(244,61,132)
```
#f5508f
```
#f5508f rgb(245,80,143)
```
#f6629b
```
#f6629b rgb(246,98,155)
```
#f775a7
```
#f775a7 rgb(247,117,167)
```
#f887b3
```
#f887b3 rgb(248,135,179)
```
#f99abf
```
#f99abf rgb(249,154,191)
```
#faadcb
```
#faadcb rgb(250,173,203)
```
#fbbfd6
```
#fbbfd6 rgb(251,191,214)
```
#fcd2e2
```
#fcd2e2 rgb(252,210,226)
```
#fde4ee
```
#fde4ee rgb(253,228,238)
```
#fff7fa
```
#fff7fa rgb(255,247,250)
```

Tint Color Variation

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

#8b7f84
```
#8b7f84 rgb(139,127,132)
```
#947682
```
#947682 rgb(148,118,130)
```
#9e6c7f
```
#9e6c7f rgb(158,108,127)
```
#a7637d
```
#a7637d rgb(167,99,125)
```
#b05a7b
```
#b05a7b rgb(176,90,123)
```
#ba5079
```
#ba5079 rgb(186,80,121)
```
#c34777
```
#c34777 rgb(195,71,119)
```
#cc3e75
```
#cc3e75 rgb(204,62,117)
```
#d63472
```
#d63472 rgb(214,52,114)
```
#df2b70
```
#df2b70 rgb(223,43,112)
```
#e9216e
```
#e9216e rgb(233,33,110)
```
#f2186c
```
#f2186c rgb(242,24,108)
```
#fb0f6a
```
#fb0f6a rgb(251,15,106)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#805465 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f8399 Protanopia 1% of men
#9a7f66 Deuteranopia 1% of men
#f03939 Tritanopia 0.001% of the population

Trichromacy

#a95c88 Protanomaly 1% of men, 0.01% of women
#ba5968 Deuteranomaly 6% of men, 0.4% of women
#f02d4c Tritanomaly 0.01% of the population

#f2186c hex color

#f2186c Color Information

#f2186c Color Conversion

Color Schemes with #f2186c

Alternatives to #f2186c

#f2186c Preview

Shades and Tints of #f2186c

Tones of #f2186c

Color Blindness Simulator