colorhexa.com

#f42ce4 hex color

In a RGB color space, hex #f42ce4 is composed of 95.7% red, 17.3% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82% magenta, 6.6% yellow and 4.3% black. It has a hue angle of 304.8 degrees, a saturation of 90.1% and a lightness of 56.5%. #f42ce4 color hex could be obtained by blending #ff58ff with #e900c9. Closest websafe color is: #ff33cc.

- R 96
- G 17
- B 89
RGB color chart
- C 0
- M 82
- Y 7
- K 4
CMYK color chart

● #f42ce4 color description : Bright magenta.

The hexadecimal color #f42ce4 has RGB values of R:244, G:44, B:228 and CMYK values of C:0, M:0.82, Y:0.07, K:0.04. Its decimal value is 16002276.

Hex triplet	f42ce4	`#f42ce4`
RGB Decimal	244, 44, 228	`rgb(244,44,228)`
RGB Percent	95.7, 17.3, 89.4	`rgb(95.7%,17.3%,89.4%)`
CMYK	0, 82, 7, 4
HSL	304.8°, 90.1, 56.5	`hsl(304.8,90.1%,56.5%)`
HSV (or HSB)	304.8°, 82, 95.7
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	58.639, 87.772, -48.557
XYZ	52.212, 26.64, 75.787
xyY	0.338, 0.172, 26.64
CIE-LCH	58.639, 100.308, 331.048
CIE-LUV	58.639, 83.599, -87.909
Hunter-Lab	51.614, 90.245, -50.929
Binary	11110100, 00101100, 11100100

#f42ce4
```
#f42ce4 rgb(244,44,228)
```
#2cf43c
```
#2cf43c rgb(44,244,60)
```

Complementary Color

#a02cf4
```
#a02cf4 rgb(160,44,244)
```
#f42ce4
```
#f42ce4 rgb(244,44,228)
```
#f42c80
```
#f42c80 rgb(244,44,128)
```

Analogous Color

#2cf4a0
```
#2cf4a0 rgb(44,244,160)
```
#f42ce4
```
#f42ce4 rgb(244,44,228)
```
#80f42c
```
#80f42c rgb(128,244,44)
```

Split Complementary Color

#2ce4f4
```
#2ce4f4 rgb(44,228,244)
```
#f42ce4
```
#f42ce4 rgb(244,44,228)
```
#e4f42c
```
#e4f42c rgb(228,244,44)
```

Triadic Color

#3c2cf4
```
#3c2cf4 rgb(60,44,244)
```
#f42ce4
```
#f42ce4 rgb(244,44,228)
```
#e4f42c
```
#e4f42c rgb(228,244,44)
```
#2cf43c
```
#2cf43c rgb(44,244,60)
```

Tetradic Color

#c90aba
```
#c90aba rgb(201,10,186)
```
#e10cd0
```
#e10cd0 rgb(225,12,208)
```
#f314e1
```
#f314e1 rgb(243,20,225)
```
#f42ce4
```
#f42ce4 rgb(244,44,228)
```
#f544e7
```
#f544e7 rgb(245,68,231)
```
#f75cea
```
#f75cea rgb(247,92,234)
```
#f875ed
```
#f875ed rgb(248,117,237)
```

Monochromatic Color

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

#d22cf4
```
#d22cf4 rgb(210,44,244)
```
#e32cf4
```
#e32cf4 rgb(227,44,244)
```
#f32cf4
```
#f32cf4 rgb(243,44,244)
```
#f42ce4
```
#f42ce4 rgb(244,44,228)
```
#f42cd3
```
#f42cd3 rgb(244,44,211)
```
#f42cc3
```
#f42cc3 rgb(244,44,195)
```
#f42cb2
```
#f42cb2 rgb(244,44,178)
```

Similar Colors

Text with hexadecimal color #f42ce4

This text has a font color of #f42ce4.

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

#f42ce4 background color

This paragraph has a background color of #f42ce4.

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

#f42ce4 border color

This element has a border color of #f42ce4.

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

CSS codes

.text {color:#f42ce4;}

.background {background-color:#f42ce4;}

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

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

#0d010c
```
#0d010c rgb(13,1,12)
```
#1f021d
```
#1f021d rgb(31,2,29)
```
#32032e
```
#32032e rgb(50,3,46)
```
#45043f
```
#45043f rgb(69,4,63)
```
#570551
```
#570551 rgb(87,5,81)
```
#6a0662
```
#6a0662 rgb(106,6,98)
```
#7d0673
```
#7d0673 rgb(125,6,115)
```
#8f0784
```
#8f0784 rgb(143,7,132)
```
#a20896
```
#a20896 rgb(162,8,150)
```
#b509a7
```
#b509a7 rgb(181,9,167)
```
#c70ab8
```
#c70ab8 rgb(199,10,184)
```
#da0bc9
```
#da0bc9 rgb(218,11,201)
```
#ec0cdb
```
#ec0cdb rgb(236,12,219)
```

Shade Color Variation

#f319e2
```
#f319e2 rgb(243,25,226)
```
#f42ce4
```
#f42ce4 rgb(244,44,228)
```
#f53fe6
```
#f53fe6 rgb(245,63,230)
```
#f651e9
```
#f651e9 rgb(246,81,233)
```
#f764eb
```
#f764eb rgb(247,100,235)
```
#f877ee
```
#f877ee rgb(248,119,238)
```
#f989f0
```
#f989f0 rgb(249,137,240)
```
#fa9cf2
```
#fa9cf2 rgb(250,156,242)
```
#fbaff5
```
#fbaff5 rgb(251,175,245)
```
#fcc1f7
```
#fcc1f7 rgb(252,193,247)
```
#fdd4f9
```
#fdd4f9 rgb(253,212,249)
```
#fee6fc
```
#fee6fc rgb(254,230,252)
```
#fff9fe
```
#fff9fe rgb(255,249,254)
```

Tint Color Variation

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

#968a95
```
#968a95 rgb(150,138,149)
```
#9f819c
```
#9f819c rgb(159,129,156)
```
#a779a3
```
#a779a3 rgb(167,121,163)
```
#b070ab
```
#b070ab rgb(176,112,171)
```
#b868b2
```
#b868b2 rgb(184,104,178)
```
#c15fb9
```
#c15fb9 rgb(193,95,185)
```
#c957c0
```
#c957c0 rgb(201,87,192)
```
#d24ec7
```
#d24ec7 rgb(210,78,199)
```
#da46ce
```
#da46ce rgb(218,70,206)
```
#e33dd6
```
#e33dd6 rgb(227,61,214)
```
#eb35dd
```
#eb35dd rgb(235,53,221)
```
#f42ce4
```
#f42ce4 rgb(244,44,228)
```
#fd23eb
```
#fd23eb rgb(253,35,235)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#956d92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#528fff Protanopia 1% of men
#7592d1 Deuteranopia 1% of men
#e76a70 Tritanopia 0.001% of the population

Trichromacy

#8d6bf5 Protanomaly 1% of men, 0.01% of women
#a36dd8 Deuteranomaly 6% of men, 0.4% of women
#ec539a Tritanomaly 0.01% of the population