#f2185f hex color

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

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

● #f2185f color description : Vivid pink.

The hexadecimal color #f2185f has RGB values of R:242, G:24, B:95 and CMYK values of C:0, M:0.9, Y:0.61, K:0.05. Its decimal value is 15865951.

Hex triplet	f2185f	`#f2185f`
RGB Decimal	242, 24, 95	`rgb(242,24,95)`
RGB Percent	94.9, 9.4, 37.3	`rgb(94.9%,9.4%,37.3%)`
CMYK	0, 90, 61, 5
HSL	340.5°, 89.3, 52.2	`hsl(340.5,89.3%,52.2%)`
HSV (or HSB)	340.5°, 90.1, 94.9
Web Safe	ff0066	`#ff0066`

CIE-LAB	52.243, 77.43, 19.938
XYZ	39.012, 20.362, 12.702
xyY	0.541, 0.283, 20.362
CIE-LCH	52.243, 79.956, 14.44
CIE-LUV	52.243, 142.682, 7.272
Hunter-Lab	45.124, 75.356, 14.897
Binary	11110010, 00011000, 01011111

#f2185f
```
#f2185f rgb(242,24,95)
```
#18f2ab
```
#18f2ab rgb(24,242,171)
```

Complementary Color

#f218cc
```
#f218cc rgb(242,24,204)
```
#f2185f
```
#f2185f rgb(242,24,95)
```
#f23e18
```
#f23e18 rgb(242,62,24)
```

Analogous Color

#18ccf2
```
#18ccf2 rgb(24,204,242)
```
#f2185f
```
#f2185f rgb(242,24,95)
```
#18f23e
```
#18f23e rgb(24,242,62)
```

Split Complementary Color

#185ff2
```
#185ff2 rgb(24,95,242)
```
#f2185f
```
#f2185f rgb(242,24,95)
```
#5ff218
```
#5ff218 rgb(95,242,24)
```

Triadic Color

#ab18f2
```
#ab18f2 rgb(171,24,242)
```
#f2185f
```
#f2185f rgb(242,24,95)
```
#5ff218
```
#5ff218 rgb(95,242,24)
```
#18f2ab
```
#18f2ab rgb(24,242,171)
```

Tetradic Color

#b30a41
```
#b30a41 rgb(179,10,65)
```
#cc0b4a
```
#cc0b4a rgb(204,11,74)
```
#e40d53
```
#e40d53 rgb(228,13,83)
```
#f2185f
```
#f2185f rgb(242,24,95)
```
#f33070
```
#f33070 rgb(243,48,112)
```
#f54880
```
#f54880 rgb(245,72,128)
```
#f66091
```
#f66091 rgb(246,96,145)
```

Monochromatic Color

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

#f21896
```
#f21896 rgb(242,24,150)
```
#f21883
```
#f21883 rgb(242,24,131)
```
#f21871
```
#f21871 rgb(242,24,113)
```
#f2185f
```
#f2185f rgb(242,24,95)
```
#f2184d
```
#f2184d rgb(242,24,77)
```
#f2183b
```
#f2183b rgb(242,24,59)
```
#f21829
```
#f21829 rgb(242,24,41)
```

Similar Colors

Text with hexadecimal color #f2185f

This text has a font color of #f2185f.

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

#f2185f background color

This paragraph has a background color of #f2185f.

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

#f2185f border color

This element has a border color of #f2185f.

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

CSS codes

.text {color:#f2185f;}

.background {background-color:#f2185f;}

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

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 #fff7f9 is the lightest one.

#0a0104
```
#0a0104 rgb(10,1,4)
```
#1d020b
```
#1d020b rgb(29,2,11)
```
#300311
```
#300311 rgb(48,3,17)
```
#420418
```
#420418 rgb(66,4,24)
```
#55051f
```
#55051f rgb(85,5,31)
```
#670626
```
#670626 rgb(103,6,38)
```
#7a072c
```
#7a072c rgb(122,7,44)
```
#8c0833
```
#8c0833 rgb(140,8,51)
```
#9f093a
```
#9f093a rgb(159,9,58)
```
#b20a41
```
#b20a41 rgb(178,10,65)
```
#c40b47
```
#c40b47 rgb(196,11,71)
```
#d70c4e
```
#d70c4e rgb(215,12,78)
```
#e90d55
```
#e90d55 rgb(233,13,85)
```

Shade Color Variation

#f2185f
```
#f2185f rgb(242,24,95)
```
#f32b6c
```
#f32b6c rgb(243,43,108)
```
#f43d79
```
#f43d79 rgb(244,61,121)
```
#f55086
```
#f55086 rgb(245,80,134)
```
#f66292
```
#f66292 rgb(246,98,146)
```
#f7759f
```
#f7759f rgb(247,117,159)
```
#f887ac
```
#f887ac rgb(248,135,172)
```
#f99ab9
```
#f99ab9 rgb(249,154,185)
```
#faadc6
```
#faadc6 rgb(250,173,198)
```
#fbbfd3
```
#fbbfd3 rgb(251,191,211)
```
#fcd2e0
```
#fcd2e0 rgb(252,210,224)
```
#fde4ec
```
#fde4ec rgb(253,228,236)
```
#fff7f9
```
#fff7f9 rgb(255,247,249)
```

Tint Color Variation

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

#8b7f83
```
#8b7f83 rgb(139,127,131)
```
#947680
```
#947680 rgb(148,118,128)
```
#9e6c7c
```
#9e6c7c rgb(158,108,124)
```
#a76379
```
#a76379 rgb(167,99,121)
```
#b05a76
```
#b05a76 rgb(176,90,118)
```
#ba5073
```
#ba5073 rgb(186,80,115)
```
#c3476f
```
#c3476f rgb(195,71,111)
```
#cc3e6c
```
#cc3e6c rgb(204,62,108)
```
#d63469
```
#d63469 rgb(214,52,105)
```
#df2b66
```
#df2b66 rgb(223,43,102)
```
#e92162
```
#e92162 rgb(233,33,98)
```
#f2185f
```
#f2185f rgb(242,24,95)
```
#fb0f5c
```
#fb0f5c rgb(251,15,92)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#7e5261 Atypical Achromatopsia 0.001% of the population

Dichromacy

#838289 Protanopia 1% of men
#9c7e5a Deuteranopia 1% of men
#f03534 Tritanopia 0.001% of the population

Trichromacy

#ab5b7a Protanomaly 1% of men, 0.01% of women
#bb585b Deuteranomaly 6% of men, 0.4% of women
#f12a44 Tritanomaly 0.01% of the population

#f2185f hex color

#f2185f Color Information

#f2185f Color Conversion

Color Schemes with #f2185f

Alternatives to #f2185f

#f2185f Preview

Shades and Tints of #f2185f

Tones of #f2185f

Color Blindness Simulator