#f02286 hex color

In a RGB color space, hex #f02286 is composed of 94.1% red, 13.3% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.8% magenta, 44.2% yellow and 5.9% black. It has a hue angle of 330.9 degrees, a saturation of 87.3% and a lightness of 53.7%. #f02286 color hex could be obtained by blending #ff44ff with #e1000d. Closest websafe color is: #ff3399.

♥
- f
- t
- g
- R 94
- G 13
- B 53
RGB color chart
- C 0
- M 86
- Y 44
- K 6
CMYK color chart

● #f02286 color description : Vivid pink.

The hexadecimal color #f02286 has RGB values of R:240, G:34, B:134 and CMYK values of C:0, M:0.86, Y:0.44, K:0.06. Its decimal value is 15737478.

Hex triplet	f02286	`#f02286`
RGB Decimal	240, 34, 134	`rgb(240,34,134)`
RGB Percent	94.1, 13.3, 52.5	`rgb(94.1%,13.3%,52.5%)`
CMYK	0, 86, 44, 6
HSL	330.9°, 87.3, 53.7	`hsl(330.9,87.3%,53.7%)`
HSV (or HSB)	330.9°, 85.8, 94.1
Web Safe	ff3399	`#ff3399`

CIE-LAB	53.379, 78.163, -2.083
XYZ	40.811, 21.395, 24.534
xyY	0.471, 0.247, 21.395
CIE-LCH	53.379, 78.191, 358.474
CIE-LUV	53.379, 122.928, -18.059
Hunter-Lab	46.255, 76.548, 0.931
Binary	11110000, 00100010, 10000110

#f02286
```
#f02286 rgb(240,34,134)
```
#22f08c
```
#22f08c rgb(34,240,140)
```

Complementary Color

#f022ed
```
#f022ed rgb(240,34,237)
```
#f02286
```
#f02286 rgb(240,34,134)
```
#f02522
```
#f02522 rgb(240,37,34)
```

Analogous Color

#22edf0
```
#22edf0 rgb(34,237,240)
```
#f02286
```
#f02286 rgb(240,34,134)
```
#22f025
```
#22f025 rgb(34,240,37)
```

Split Complementary Color

#2286f0
```
#2286f0 rgb(34,134,240)
```
#f02286
```
#f02286 rgb(240,34,134)
```
#86f022
```
#86f022 rgb(134,240,34)
```

Triadic Color

#8c22f0
```
#8c22f0 rgb(140,34,240)
```
#f02286
```
#f02286 rgb(240,34,134)
```
#86f022
```
#86f022 rgb(134,240,34)
```
#22f08c
```
#22f08c rgb(34,240,140)
```

Tetradic Color

#b90d60
```
#b90d60 rgb(185,13,96)
```
#d10e6d
```
#d10e6d rgb(209,14,109)
```
#e91079
```
#e91079 rgb(233,16,121)
```
#f02286
```
#f02286 rgb(240,34,134)
```
#f23a93
```
#f23a93 rgb(242,58,147)
```
#f352a0
```
#f352a0 rgb(243,82,160)
```
#f56aad
```
#f56aad rgb(245,106,173)
```

Monochromatic Color

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

#f022ba
```
#f022ba rgb(240,34,186)
```
#f022a8
```
#f022a8 rgb(240,34,168)
```
#f02297
```
#f02297 rgb(240,34,151)
```
#f02286
```
#f02286 rgb(240,34,134)
```
#f02275
```
#f02275 rgb(240,34,117)
```
#f02264
```
#f02264 rgb(240,34,100)
```
#f02252
```
#f02252 rgb(240,34,82)
```

Similar Colors

Text with hexadecimal color #f02286

This text has a font color of #f02286.

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

#f02286 background color

This paragraph has a background color of #f02286.

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

#f02286 border color

This element has a border color of #f02286.

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

CSS codes

.text {color:#f02286;}

.background {background-color:#f02286;}

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

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

#120109
```
#120109 rgb(18,1,9)
```
#240213
```
#240213 rgb(36,2,19)
```
#37041c
```
#37041c rgb(55,4,28)
```
#490526
```
#490526 rgb(73,5,38)
```
#5b062f
```
#5b062f rgb(91,6,47)
```
#6e0739
```
#6e0739 rgb(110,7,57)
```
#800943
```
#800943 rgb(128,9,67)
```
#920a4c
```
#920a4c rgb(146,10,76)
```
#a50b56
```
#a50b56 rgb(165,11,86)
```
#b70c5f
```
#b70c5f rgb(183,12,95)
```
#c90e69
```
#c90e69 rgb(201,14,105)
```
#dc0f72
```
#dc0f72 rgb(220,15,114)
```
#ee107c
```
#ee107c rgb(238,16,124)
```

Shade Color Variation

#f02286
```
#f02286 rgb(240,34,134)
```
#f13490
```
#f13490 rgb(241,52,144)
```
#f2479a
```
#f2479a rgb(242,71,154)
```
#f459a4
```
#f459a4 rgb(244,89,164)
```
#f56bae
```
#f56bae rgb(245,107,174)
```
#f67eb8
```
#f67eb8 rgb(246,126,184)
```
#f790c2
```
#f790c2 rgb(247,144,194)
```
#f9a3cc
```
#f9a3cc rgb(249,163,204)
```
#fab5d6
```
#fab5d6 rgb(250,181,214)
```
#fbc7e1
```
#fbc7e1 rgb(251,199,225)
```
#fcdaeb
```
#fcdaeb rgb(252,218,235)
```
#feecf5
```
#feecf5 rgb(254,236,245)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#8c8689
```
#8c8689 rgb(140,134,137)
```
#957d89
```
#957d89 rgb(149,125,137)
```
#9e7488
```
#9e7488 rgb(158,116,136)
```
#a76b88
```
#a76b88 rgb(167,107,136)
```
#b06288
```
#b06288 rgb(176,98,136)
```
#ba5888
```
#ba5888 rgb(186,88,136)
```
#c34f87
```
#c34f87 rgb(195,79,135)
```
#cc4687
```
#cc4687 rgb(204,70,135)
```
#d53d87
```
#d53d87 rgb(213,61,135)
```
#de3487
```
#de3487 rgb(222,52,135)
```
#e72b86
```
#e72b86 rgb(231,43,134)
```
#f02286
```
#f02286 rgb(240,34,134)
```
#f91986
```
#f91986 rgb(249,25,134)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#865c70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7584b6 Protanopia 1% of men
#95817e Deuteranopia 1% of men
#ec4648 Tritanopia 0.001% of the population

Trichromacy

#a260a4 Protanomaly 1% of men, 0.01% of women
#b65e81 Deuteranomaly 6% of men, 0.4% of women
#ee385e Tritanomaly 0.01% of the population

#f02286 hex color

#f02286 Color Information

#f02286 Color Conversion

Color Schemes with #f02286

Alternatives to #f02286

#f02286 Preview

Shades and Tints of #f02286

Tones of #f02286

Color Blindness Simulator