#f2428a hex color

In a RGB color space, hex #f2428a is composed of 94.9% red, 25.9% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.7% magenta, 43% yellow and 5.1% black. It has a hue angle of 335.5 degrees, a saturation of 87.1% and a lightness of 60.4%. #f2428a color hex could be obtained by blending #ff84ff with #e50015. Closest websafe color is: #ff3399.

♥
- f
- t
- g
- R 95
- G 26
- B 54
RGB color chart
- C 0
- M 73
- Y 43
- K 5
CMYK color chart

● #f2428a color description : Bright pink.

The hexadecimal color #f2428a has RGB values of R:242, G:66, B:138 and CMYK values of C:0, M:0.73, Y:0.43, K:0.05. Its decimal value is 15876746.

Hex triplet	f2428a	`#f2428a`
RGB Decimal	242, 66, 138	`rgb(242,66,138)`
RGB Percent	94.9, 25.9, 54.1	`rgb(94.9%,25.9%,54.1%)`
CMYK	0, 73, 43, 5
HSL	335.5°, 87.1, 60.4	`hsl(335.5,87.1%,60.4%)`
HSV (or HSB)	335.5°, 72.7, 94.9
Web Safe	ff3399	`#ff3399`

CIE-LAB	56.696, 70.95, 0.434
XYZ	43.155, 24.613, 26.522
xyY	0.458, 0.261, 24.613
CIE-LCH	56.696, 70.951, 0.351
CIE-LUV	56.696, 112.822, -13.282
Hunter-Lab	49.612, 68.449, 3.032
Binary	11110010, 01000010, 10001010

#f2428a
```
#f2428a rgb(242,66,138)
```
#42f2aa
```
#42f2aa rgb(66,242,170)
```

Complementary Color

#f242e2
```
#f242e2 rgb(242,66,226)
```
#f2428a
```
#f2428a rgb(242,66,138)
```
#f25242
```
#f25242 rgb(242,82,66)
```

Analogous Color

#42e2f2
```
#42e2f2 rgb(66,226,242)
```
#f2428a
```
#f2428a rgb(242,66,138)
```
#42f252
```
#42f252 rgb(66,242,82)
```

Split Complementary Color

#428af2
```
#428af2 rgb(66,138,242)
```
#f2428a
```
#f2428a rgb(242,66,138)
```
#8af242
```
#8af242 rgb(138,242,66)
```

Triadic Color

#aa42f2
```
#aa42f2 rgb(170,66,242)
```
#f2428a
```
#f2428a rgb(242,66,138)
```
#8af242
```
#8af242 rgb(138,242,66)
```
#42f2aa
```
#42f2aa rgb(66,242,170)
```

Tetradic Color

#d90f61
```
#d90f61 rgb(217,15,97)
```
#ef126c
```
#ef126c rgb(239,18,108)
```
#f02a7b
```
#f02a7b rgb(240,42,123)
```
#f2428a
```
#f2428a rgb(242,66,138)
```
#f45a99
```
#f45a99 rgb(244,90,153)
```
#f572a8
```
#f572a8 rgb(245,114,168)
```
#f78ab6
```
#f78ab6 rgb(247,138,182)
```

Monochromatic Color

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

#f242b6
```
#f242b6 rgb(242,66,182)
```
#f242a7
```
#f242a7 rgb(242,66,167)
```
#f24299
```
#f24299 rgb(242,66,153)
```
#f2428a
```
#f2428a rgb(242,66,138)
```
#f2427b
```
#f2427b rgb(242,66,123)
```
#f2426d
```
#f2426d rgb(242,66,109)
```
#f2425e
```
#f2425e rgb(242,66,94)
```

Similar Colors

Text with hexadecimal color #f2428a

This text has a font color of #f2428a.

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

#f2428a background color

This paragraph has a background color of #f2428a.

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

#f2428a border color

This element has a border color of #f2428a.

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

CSS codes

.text {color:#f2428a;}

.background {background-color:#f2428a;}

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

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

#0d0106
```
#0d0106 rgb(13,1,6)
```
#1f020e
```
#1f020e rgb(31,2,14)
```
#320316
```
#320316 rgb(50,3,22)
```
#44051f
```
#44051f rgb(68,5,31)
```
#560627
```
#560627 rgb(86,6,39)
```
#69072f
```
#69072f rgb(105,7,47)
```
#7b0837
```
#7b0837 rgb(123,8,55)
```
#8d0a40
```
#8d0a40 rgb(141,10,64)
```
#a00b48
```
#a00b48 rgb(160,11,72)
```
#b20c50
```
#b20c50 rgb(178,12,80)
```
#c40e58
```
#c40e58 rgb(196,14,88)
```
#d70f61
```
#d70f61 rgb(215,15,97)
```
#e91069
```
#e91069 rgb(233,16,105)
```

Shade Color Variation

#ef1d73
```
#ef1d73 rgb(239,29,115)
```
#f1307f
```
#f1307f rgb(241,48,127)
```
#f2428a
```
#f2428a rgb(242,66,138)
```
#f35495
```
#f35495 rgb(243,84,149)
```
#f567a1
```
#f567a1 rgb(245,103,161)
```
#f679ac
```
#f679ac rgb(246,121,172)
```
#f78bb7
```
#f78bb7 rgb(247,139,183)
```
#f89ec3
```
#f89ec3 rgb(248,158,195)
```
#fab0ce
```
#fab0ce rgb(250,176,206)
```
#fbc2da
```
#fbc2da rgb(251,194,218)
```
#fcd5e5
```
#fcd5e5 rgb(252,213,229)
```
#fde7f0
```
#fde7f0 rgb(253,231,240)
```
#fffafc
```
#fffafc rgb(255,250,252)
```

Tint Color Variation

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

#9d979a
```
#9d979a rgb(157,151,154)
```
#a49098
```
#a49098 rgb(164,144,152)
```
#ac8897
```
#ac8897 rgb(172,136,151)
```
#b48095
```
#b48095 rgb(180,128,149)
```
#bc7894
```
#bc7894 rgb(188,120,148)
```
#c37192
```
#c37192 rgb(195,113,146)
```
#cb6991
```
#cb6991 rgb(203,105,145)
```
#d36190
```
#d36190 rgb(211,97,144)
```
#db598e
```
#db598e rgb(219,89,142)
```
#e2528d
```
#e2528d rgb(226,82,141)
```
#ea4a8b
```
#ea4a8b rgb(234,74,139)
```
#f2428a
```
#f2428a rgb(242,66,138)
```
#fa3a89
```
#fa3a89 rgb(250,58,137)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#967381 Atypical Achromatopsia 0.001% of the population

Dichromacy

#848cb1 Protanopia 1% of men
#9f8983 Deuteranopia 1% of men
#ef585d Tritanopia 0.001% of the population

Trichromacy

#ac71a3 Protanomaly 1% of men, 0.01% of women
#bd6f86 Deuteranomaly 6% of men, 0.4% of women
#f0506d Tritanomaly 0.01% of the population

#f2428a hex color

#f2428a Color Information

#f2428a Color Conversion

Color Schemes with #f2428a

Alternatives to #f2428a

#f2428a Preview

Shades and Tints of #f2428a

Tones of #f2428a

Color Blindness Simulator