#f2286d hex color

In a RGB color space, hex #f2286d is composed of 94.9% red, 15.7% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.5% magenta, 55% yellow and 5.1% black. It has a hue angle of 339.5 degrees, a saturation of 88.6% and a lightness of 55.3%. #f2286d color hex could be obtained by blending #ff50da with #e50000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 95
- G 16
- B 43
RGB color chart
- C 0
- M 83
- Y 55
- K 5
CMYK color chart

● #f2286d color description : Bright pink.

The hexadecimal color #f2286d has RGB values of R:242, G:40, B:109 and CMYK values of C:0, M:0.83, Y:0.55, K:0.05. Its decimal value is 15870061.

Hex triplet	f2286d	`#f2286d`
RGB Decimal	242, 40, 109	`rgb(242,40,109)`
RGB Percent	94.9, 15.7, 42.7	`rgb(94.9%,15.7%,42.7%)`
CMYK	0, 83, 55, 5
HSL	339.5°, 88.6, 55.3	`hsl(339.5,88.6%,55.3%)`
HSV (or HSB)	339.5°, 83.5, 94.9
Web Safe	ff3366	`#ff3366`

CIE-LAB	53.496, 75.574, 13.184
XYZ	40.139, 21.504, 16.504
xyY	0.514, 0.275, 21.504
CIE-LCH	53.496, 76.715, 9.896
CIE-LUV	53.496, 133.291, 0.813
Hunter-Lab	46.372, 73.355, 11.358
Binary	11110010, 00101000, 01101101

#f2286d
```
#f2286d rgb(242,40,109)
```
#28f2ad
```
#28f2ad rgb(40,242,173)
```

Complementary Color

#f228d2
```
#f228d2 rgb(242,40,210)
```
#f2286d
```
#f2286d rgb(242,40,109)
```
#f24828
```
#f24828 rgb(242,72,40)
```

Analogous Color

#28d2f2
```
#28d2f2 rgb(40,210,242)
```
#f2286d
```
#f2286d rgb(242,40,109)
```
#28f248
```
#28f248 rgb(40,242,72)
```

Split Complementary Color

#286df2
```
#286df2 rgb(40,109,242)
```
#f2286d
```
#f2286d rgb(242,40,109)
```
#6df228
```
#6df228 rgb(109,242,40)
```

Triadic Color

#ad28f2
```
#ad28f2 rgb(173,40,242)
```
#f2286d
```
#f2286d rgb(242,40,109)
```
#6df228
```
#6df228 rgb(109,242,40)
```
#28f2ad
```
#28f2ad rgb(40,242,173)
```

Tetradic Color

#c20c4a
```
#c20c4a rgb(194,12,74)
```
#da0d53
```
#da0d53 rgb(218,13,83)
```
#f1105d
```
#f1105d rgb(241,16,93)
```
#f2286d
```
#f2286d rgb(242,40,109)
```
#f3407d
```
#f3407d rgb(243,64,125)
```
#f5588e
```
#f5588e rgb(245,88,142)
```
#f6709e
```
#f6709e rgb(246,112,158)
```

Monochromatic Color

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

#f228a0
```
#f228a0 rgb(242,40,160)
```
#f2288f
```
#f2288f rgb(242,40,143)
```
#f2287e
```
#f2287e rgb(242,40,126)
```
#f2286d
```
#f2286d rgb(242,40,109)
```
#f2285c
```
#f2285c rgb(242,40,92)
```
#f2284b
```
#f2284b rgb(242,40,75)
```
#f2283b
```
#f2283b rgb(242,40,59)
```

Similar Colors

Text with hexadecimal color #f2286d

This text has a font color of #f2286d.

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

#f2286d background color

This paragraph has a background color of #f2286d.

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

#f2286d border color

This element has a border color of #f2286d.

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

CSS codes

.text {color:#f2286d;}

.background {background-color:#f2286d;}

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

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

#070003
```
#070003 rgb(7,0,3)
```
#19020a
```
#19020a rgb(25,2,10)
```
#2c0311
```
#2c0311 rgb(44,3,17)
```
#3e0418
```
#3e0418 rgb(62,4,24)
```
#51051f
```
#51051f rgb(81,5,31)
```
#630626
```
#630626 rgb(99,6,38)
```
#76072d
```
#76072d rgb(118,7,45)
```
#880834
```
#880834 rgb(136,8,52)
```
#9b093b
```
#9b093b rgb(155,9,59)
```
#ad0a42
```
#ad0a42 rgb(173,10,66)
```
#c00c49
```
#c00c49 rgb(192,12,73)
```
#d20d50
```
#d20d50 rgb(210,13,80)
```
#e50e57
```
#e50e57 rgb(229,14,87)
```

Shade Color Variation

#f11660
```
#f11660 rgb(241,22,96)
```
#f2286d
```
#f2286d rgb(242,40,109)
```
#f33a7a
```
#f33a7a rgb(243,58,122)
```
#f44d86
```
#f44d86 rgb(244,77,134)
```
#f55f93
```
#f55f93 rgb(245,95,147)
```
#f6729f
```
#f6729f rgb(246,114,159)
```
#f884ac
```
#f884ac rgb(248,132,172)
```
#f997b8
```
#f997b8 rgb(249,151,184)
```
#faa9c5
```
#faa9c5 rgb(250,169,197)
```
#fbbcd1
```
#fbbcd1 rgb(251,188,209)
```
#fccede
```
#fccede rgb(252,206,222)
```
#fde1eb
```
#fde1eb rgb(253,225,235)
```
#fef3f7
```
#fef3f7 rgb(254,243,247)
```

Tint Color Variation

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

#92888c
```
#92888c rgb(146,136,140)
```
#9a8089
```
#9a8089 rgb(154,128,137)
```
#a37786
```
#a37786 rgb(163,119,134)
```
#ac6e83
```
#ac6e83 rgb(172,110,131)
```
#b56580
```
#b56580 rgb(181,101,128)
```
#bd5d7e
```
#bd5d7e rgb(189,93,126)
```
#c6547b
```
#c6547b rgb(198,84,123)
```
#cf4b78
```
#cf4b78 rgb(207,75,120)
```
#d84275
```
#d84275 rgb(216,66,117)
```
#e03a73
```
#e03a73 rgb(224,58,115)
```
#e93170
```
#e93170 rgb(233,49,112)
```
#f2286d
```
#f2286d rgb(242,40,109)
```
#fb1f6a
```
#fb1f6a rgb(251,31,106)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#875e6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#838597 Protanopia 1% of men
#9d8167 Deuteranopia 1% of men
#f04143 Tritanopia 0.001% of the population

Trichromacy

#ab6387 Protanomaly 1% of men, 0.01% of women
#bc6069 Deuteranomaly 6% of men, 0.4% of women
#f03852 Tritanomaly 0.01% of the population

#f2286d hex color

#f2286d Color Information

#f2286d Color Conversion

Color Schemes with #f2286d

Alternatives to #f2286d

#f2286d Preview

Shades and Tints of #f2286d

Tones of #f2286d

Color Blindness Simulator