colorhexa.com

#f342e5 hex color

In a RGB color space, hex #f342e5 is composed of 95.3% red, 25.9% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.8% magenta, 5.8% yellow and 4.7% black. It has a hue angle of 304.7 degrees, a saturation of 88.1% and a lightness of 60.6%. #f342e5 color hex could be obtained by blending #ff84ff with #e700cb. Closest websafe color is: #ff33cc.

- R 95
- G 26
- B 90
RGB color chart
- C 0
- M 73
- Y 6
- K 5
CMYK color chart

● #f342e5 color description : Bright magenta.

The hexadecimal color #f342e5 has RGB values of R:243, G:66, B:229 and CMYK values of C:0, M:0.73, Y:0.06, K:0.05. Its decimal value is 15942373.

Hex triplet	f342e5	`#f342e5`
RGB Decimal	243, 66, 229	`rgb(243,66,229)`
RGB Percent	95.3, 25.9, 89.8	`rgb(95.3%,25.9%,89.8%)`
CMYK	0, 73, 6, 5
HSL	304.7°, 88.1, 60.6	`hsl(304.7,88.1%,60.6%)`
HSV (or HSB)	304.7°, 72.8, 95.3
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	60.438, 82.207, -46.284
XYZ	53.052, 28.612, 76.853
xyY	0.335, 0.18, 28.612
CIE-LCH	60.438, 94.341, 330.62
CIE-LUV	60.438, 78.472, -84.123
Hunter-Lab	53.49, 83.432, -47.743
Binary	11110011, 01000010, 11100101

#f342e5
```
#f342e5 rgb(243,66,229)
```
#42f350
```
#42f350 rgb(66,243,80)
```

Complementary Color

#a942f3
```
#a942f3 rgb(169,66,243)
```
#f342e5
```
#f342e5 rgb(243,66,229)
```
#f3428d
```
#f3428d rgb(243,66,141)
```

Analogous Color

#42f3a9
```
#42f3a9 rgb(66,243,169)
```
#f342e5
```
#f342e5 rgb(243,66,229)
```
#8df342
```
#8df342 rgb(141,243,66)
```

Split Complementary Color

#42e5f3
```
#42e5f3 rgb(66,229,243)
```
#f342e5
```
#f342e5 rgb(243,66,229)
```
#e5f342
```
#e5f342 rgb(229,243,66)
```

Triadic Color

#5042f3
```
#5042f3 rgb(80,66,243)
```
#f342e5
```
#f342e5 rgb(243,66,229)
```
#e5f342
```
#e5f342 rgb(229,243,66)
```
#42f350
```
#42f350 rgb(66,243,80)
```

Tetradic Color

#db0eca
```
#db0eca rgb(219,14,202)
```
#f012de
```
#f012de rgb(240,18,222)
```
#f12ae2
```
#f12ae2 rgb(241,42,226)
```
#f342e5
```
#f342e5 rgb(243,66,229)
```
#f55ae8
```
#f55ae8 rgb(245,90,232)
```
#f672ec
```
#f672ec rgb(246,114,236)
```
#f88aef
```
#f88aef rgb(248,138,239)
```

Monochromatic Color

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

#d542f3
```
#d542f3 rgb(213,66,243)
```
#e442f3
```
#e442f3 rgb(228,66,243)
```
#f242f3
```
#f242f3 rgb(242,66,243)
```
#f342e5
```
#f342e5 rgb(243,66,229)
```
#f342d6
```
#f342d6 rgb(243,66,214)
```
#f342c8
```
#f342c8 rgb(243,66,200)
```
#f342b9
```
#f342b9 rgb(243,66,185)
```

Similar Colors

Text with hexadecimal color #f342e5

This text has a font color of #f342e5.

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

#f342e5 background color

This paragraph has a background color of #f342e5.

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

#f342e5 border color

This element has a border color of #f342e5.

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

CSS codes

.text {color:#f342e5;}

.background {background-color:#f342e5;}

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

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

#0e010d
```
#0e010d rgb(14,1,13)
```
#20021e
```
#20021e rgb(32,2,30)
```
#33032f
```
#33032f rgb(51,3,47)
```
#450440
```
#450440 rgb(69,4,64)
```
#580651
```
#580651 rgb(88,6,81)
```
#6a0762
```
#6a0762 rgb(106,7,98)
```
#7d0873
```
#7d0873 rgb(125,8,115)
```
#8f0984
```
#8f0984 rgb(143,9,132)
```
#a10a95
```
#a10a95 rgb(161,10,149)
```
#b40ba7
```
#b40ba7 rgb(180,11,167)
```
#c60db8
```
#c60db8 rgb(198,13,184)
```
#d90ec9
```
#d90ec9 rgb(217,14,201)
```
#eb0fda
```
#eb0fda rgb(235,15,218)
```

Shade Color Variation

#f11de0
```
#f11de0 rgb(241,29,224)
```
#f230e2
```
#f230e2 rgb(242,48,226)
```
#f342e5
```
#f342e5 rgb(243,66,229)
```
#f454e8
```
#f454e8 rgb(244,84,232)
```
#f567ea
```
#f567ea rgb(245,103,234)
```
#f779ed
```
#f779ed rgb(247,121,237)
```
#f88cef
```
#f88cef rgb(248,140,239)
```
#f99ef2
```
#f99ef2 rgb(249,158,242)
```
#fab1f4
```
#fab1f4 rgb(250,177,244)
```
#fbc3f7
```
#fbc3f7 rgb(251,195,247)
```
#fcd6f9
```
#fcd6f9 rgb(252,214,249)
```
#fee8fc
```
#fee8fc rgb(254,232,252)
```
#fffafe
```
#fffafe rgb(255,250,254)
```

Tint Color Variation

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

#9e979d
```
#9e979d rgb(158,151,157)
```
#a68fa4
```
#a68fa4 rgb(166,143,164)
```
#ad88aa
```
#ad88aa rgb(173,136,170)
```
#b580b1
```
#b580b1 rgb(181,128,177)
```
#bd78b7
```
#bd78b7 rgb(189,120,183)
```
#c570be
```
#c570be rgb(197,112,190)
```
#cc69c4
```
#cc69c4 rgb(204,105,196)
```
#d461cb
```
#d461cb rgb(212,97,203)
```
#dc59d1
```
#dc59d1 rgb(220,89,209)
```
#e451d8
```
#e451d8 rgb(228,81,216)
```
#eb4ade
```
#eb4ade rgb(235,74,222)
```
#f342e5
```
#f342e5 rgb(243,66,229)
```
#fb3aec
```
#fb3aec rgb(251,58,236)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#9f7c9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e94ff Protanopia 1% of men
#7c96d4 Deuteranopia 1% of men
#e6737a Tritanopia 0.001% of the population

Trichromacy

#9476f5 Protanomaly 1% of men, 0.01% of women
#a777da Deuteranomaly 6% of men, 0.4% of women
#eb61a1 Tritanomaly 0.01% of the population