#f235e4 hex color

In a RGB color space, hex #f235e4 is composed of 94.9% red, 20.8% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.1% magenta, 5.8% yellow and 5.1% black. It has a hue angle of 304.4 degrees, a saturation of 87.9% and a lightness of 57.8%. #f235e4 color hex could be obtained by blending #ff6aff with #e500c9. Closest websafe color is: #ff33cc.

♥
- f
- t
- g
- R 95
- G 21
- B 89
RGB color chart
- C 0
- M 78
- Y 6
- K 5
CMYK color chart

● #f235e4 color description : Bright magenta.

The hexadecimal color #f235e4 has RGB values of R:242, G:53, B:228 and CMYK values of C:0, M:0.78, Y:0.06, K:0.05. Its decimal value is 15873508.

Hex triplet	f235e4	`#f235e4`
RGB Decimal	242, 53, 228	`rgb(242,53,228)`
RGB Percent	94.9, 20.8, 89.4	`rgb(94.9%,20.8%,89.4%)`
CMYK	0, 78, 6, 5
HSL	304.4°, 87.9, 57.8	`hsl(304.4,87.9%,57.8%)`
HSV (or HSB)	304.4°, 78.1, 94.9
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	59.001, 85.381, -48.005
XYZ	51.894, 27.029, 75.878
xyY	0.335, 0.175, 27.029
CIE-LCH	59.001, 97.951, 330.653
CIE-LUV	59.001, 80.696, -86.821
Hunter-Lab	51.989, 87.193, -50.142
Binary	11110010, 00110101, 11100100

#f235e4
```
#f235e4 rgb(242,53,228)
```
#35f243
```
#35f243 rgb(53,242,67)
```

Complementary Color

#a235f2
```
#a235f2 rgb(162,53,242)
```
#f235e4
```
#f235e4 rgb(242,53,228)
```
#f23586
```
#f23586 rgb(242,53,134)
```

Analogous Color

#35f2a2
```
#35f2a2 rgb(53,242,162)
```
#f235e4
```
#f235e4 rgb(242,53,228)
```
#86f235
```
#86f235 rgb(134,242,53)
```

Split Complementary Color

#35e4f2
```
#35e4f2 rgb(53,228,242)
```
#f235e4
```
#f235e4 rgb(242,53,228)
```
#e4f235
```
#e4f235 rgb(228,242,53)
```

Triadic Color

#4335f2
```
#4335f2 rgb(67,53,242)
```
#f235e4
```
#f235e4 rgb(242,53,228)
```
#e4f235
```
#e4f235 rgb(228,242,53)
```
#35f243
```
#35f243 rgb(53,242,67)
```

Tetradic Color

#cd0dbf
```
#cd0dbf rgb(205,13,191)
```
#e50fd5
```
#e50fd5 rgb(229,15,213)
```
#f01de1
```
#f01de1 rgb(240,29,225)
```
#f235e4
```
#f235e4 rgb(242,53,228)
```
#f44de7
```
#f44de7 rgb(244,77,231)
```
#f565ea
```
#f565ea rgb(245,101,234)
```
#f77dee
```
#f77dee rgb(247,125,238)
```

Monochromatic Color

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

#d135f2
```
#d135f2 rgb(209,53,242)
```
#e135f2
```
#e135f2 rgb(225,53,242)
```
#f035f2
```
#f035f2 rgb(240,53,242)
```
#f235e4
```
#f235e4 rgb(242,53,228)
```
#f235d4
```
#f235d4 rgb(242,53,212)
```
#f235c5
```
#f235c5 rgb(242,53,197)
```
#f235b5
```
#f235b5 rgb(242,53,181)
```

Similar Colors

Text with hexadecimal color #f235e4

This text has a font color of #f235e4.

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

#f235e4 background color

This paragraph has a background color of #f235e4.

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

#f235e4 border color

This element has a border color of #f235e4.

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

CSS codes

.text {color:#f235e4;}

.background {background-color:#f235e4;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#130112
```
#130112 rgb(19,1,18)
```
#260223
```
#260223 rgb(38,2,35)
```
#380434
```
#380434 rgb(56,4,52)
```
#4a0545
```
#4a0545 rgb(74,5,69)
```
#5d0656
```
#5d0656 rgb(93,6,86)
```
#6f0768
```
#6f0768 rgb(111,7,104)
```
#820879
```
#820879 rgb(130,8,121)
```
#940a8a
```
#940a8a rgb(148,10,138)
```
#a70b9b
```
#a70b9b rgb(167,11,155)
```
#b90cac
```
#b90cac rgb(185,12,172)
```
#cb0dbd
```
#cb0dbd rgb(203,13,189)
```
#de0ece
```
#de0ece rgb(222,14,206)
```

Shade Color Variation

#f010df
```
#f010df rgb(240,16,223)
```
#f123e2
```
#f123e2 rgb(241,35,226)
```
#f235e4
```
#f235e4 rgb(242,53,228)
```
#f347e6
```
#f347e6 rgb(243,71,230)
```
#f45ae9
```
#f45ae9 rgb(244,90,233)
```
#f66ceb
```
#f66ceb rgb(246,108,235)
```
#f77fee
```
#f77fee rgb(247,127,238)
```
#f891f0
```
#f891f0 rgb(248,145,240)
```
#f9a4f3
```
#f9a4f3 rgb(249,164,243)
```
#fab6f5
```
#fab6f5 rgb(250,182,245)
```
#fbc8f8
```
#fbc8f8 rgb(251,200,248)
```
#fddbfa
```
#fddbfa rgb(253,219,250)
```
#feedfd
```
#feedfd rgb(254,237,253)
```

Tint Color Variation

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

#979097
```
#979097 rgb(151,144,151)
```
#9f889e
```
#9f889e rgb(159,136,158)
```
#a87fa5
```
#a87fa5 rgb(168,127,165)
```
#b077ac
```
#b077ac rgb(176,119,172)
```
#b86fb3
```
#b86fb3 rgb(184,111,179)
```
#c067ba
```
#c067ba rgb(192,103,186)
```
#c95ec1
```
#c95ec1 rgb(201,94,193)
```
#d156c8
```
#d156c8 rgb(209,86,200)
```
#d94ecf
```
#d94ecf rgb(217,78,207)
```
#e146d6
```
#e146d6 rgb(225,70,214)
```
#ea3ddd
```
#ea3ddd rgb(234,61,221)
```
#f235e4
```
#f235e4 rgb(242,53,228)
```
#fa2deb
```
#fa2deb rgb(250,45,235)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#987295 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5590ff Protanopia 1% of men
#7693d2 Deuteranopia 1% of men
#e56d74 Tritanopia 0.001% of the population

Trichromacy

#8e6ff5 Protanomaly 1% of men, 0.01% of women
#a370d8 Deuteranomaly 6% of men, 0.4% of women
#ea589c Tritanomaly 0.01% of the population

#f235e4 hex color

#f235e4 Color Information

#f235e4 Color Conversion

Color Schemes with #f235e4

Alternatives to #f235e4

#f235e4 Preview

Shades and Tints of #f235e4

Tones of #f235e4

Color Blindness Simulator