#f245fd hex color

In a RGB color space, hex #f245fd is composed of 94.9% red, 27.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 4.3% cyan, 72.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 296.4 degrees, a saturation of 97.9% and a lightness of 63.1%. #f245fd color hex could be obtained by blending #ff8aff with #e500fb. Closest websafe color is: #ff33ff.

♥
- f
- t
- g
- R 95
- G 27
- B 99
RGB color chart
- C 4
- M 73
- Y 0
- K 1
CMYK color chart

● #f245fd color description : Bright magenta.

The hexadecimal color #f245fd has RGB values of R:242, G:69, B:253 and CMYK values of C:0.04, M:0.73, Y:0, K:0.01. Its decimal value is 15877629.

Hex triplet	f245fd	`#f245fd`
RGB Decimal	242, 69, 253	`rgb(242,69,253)`
RGB Percent	94.9, 27.1, 99.2	`rgb(94.9%,27.1%,99.2%)`
CMYK	4, 73, 0, 1
HSL	296.4°, 97.9, 63.1	`hsl(296.4,97.9%,63.1%)`
HSV (or HSB)	296.4°, 72.7, 99.2
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	61.851, 84.782, -57.408
XYZ	56.474, 30.229, 95.783
xyY	0.309, 0.166, 30.229
CIE-LCH	61.851, 102.39, 325.897
CIE-LUV	61.851, 68.75, -102.19
Hunter-Lab	54.981, 87.133, -64.804
Binary	11110010, 01000101, 11111101

#f245fd
```
#f245fd rgb(242,69,253)
```
#50fd45
```
#50fd45 rgb(80,253,69)
```

Complementary Color

#9645fd
```
#9645fd rgb(150,69,253)
```
#f245fd
```
#f245fd rgb(242,69,253)
```
#fd45ac
```
#fd45ac rgb(253,69,172)
```

Analogous Color

#45fd96
```
#45fd96 rgb(69,253,150)
```
#f245fd
```
#f245fd rgb(242,69,253)
```
#acfd45
```
#acfd45 rgb(172,253,69)
```

Split Complementary Color

#45fdf2
```
#45fdf2 rgb(69,253,242)
```
#f245fd
```
#f245fd rgb(242,69,253)
```
#fdf245
```
#fdf245 rgb(253,242,69)
```

Triadic Color

#4550fd
```
#4550fd rgb(69,80,253)
```
#f245fd
```
#f245fd rgb(242,69,253)
```
#fdf245
```
#fdf245 rgb(253,242,69)
```
#50fd45
```
#50fd45 rgb(80,253,69)
```

Tetradic Color

#e503f3
```
#e503f3 rgb(229,3,243)
```
#ee13fc
```
#ee13fc rgb(238,19,252)
```
#f02cfd
```
#f02cfd rgb(240,44,253)
```
#f245fd
```
#f245fd rgb(242,69,253)
```
#f45efd
```
#f45efd rgb(244,94,253)
```
#f677fe
```
#f677fe rgb(246,119,254)
```
#f791fe
```
#f791fe rgb(247,145,254)
```

Monochromatic Color

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

#c445fd
```
#c445fd rgb(196,69,253)
```
#d345fd
```
#d345fd rgb(211,69,253)
```
#e345fd
```
#e345fd rgb(227,69,253)
```
#f245fd
```
#f245fd rgb(242,69,253)
```
#fd45f9
```
#fd45f9 rgb(253,69,249)
```
#fd45e9
```
#fd45e9 rgb(253,69,233)
```
#fd45da
```
#fd45da rgb(253,69,218)
```

Similar Colors

Text with hexadecimal color #f245fd

This text has a font color of #f245fd.

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

#f245fd background color

This paragraph has a background color of #f245fd.

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

#f245fd border color

This element has a border color of #f245fd.

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

CSS codes

.text {color:#f245fd;}

.background {background-color:#f245fd;}

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

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

#080008
```
#080008 rgb(8,0,8)
```
#1a001b
```
#1a001b rgb(26,0,27)
```
#2c012f
```
#2c012f rgb(44,1,47)
```
#3e0142
```
#3e0142 rgb(62,1,66)
```
#510156
```
#510156 rgb(81,1,86)
```
#630169
```
#630169 rgb(99,1,105)
```
#75017d
```
#75017d rgb(117,1,125)
```
#870290
```
#870290 rgb(135,2,144)
```
#9a02a3
```
#9a02a3 rgb(154,2,163)
```
#ac02b7
```
#ac02b7 rgb(172,2,183)
```
#be02ca
```
#be02ca rgb(190,2,202)
```
#d002de
```
#d002de rgb(208,2,222)
```
#e303f1
```
#e303f1 rgb(227,3,241)
```

Shade Color Variation

#ee0bfc
```
#ee0bfc rgb(238,11,252)
```
#ef1efd
```
#ef1efd rgb(239,30,253)
```
#f132fd
```
#f132fd rgb(241,50,253)
```
#f245fd
```
#f245fd rgb(242,69,253)
```
#f358fd
```
#f358fd rgb(243,88,253)
```
#f56cfd
```
#f56cfd rgb(245,108,253)
```
#f67ffe
```
#f67ffe rgb(246,127,254)
```
#f793fe
```
#f793fe rgb(247,147,254)
```
#f9a6fe
```
#f9a6fe rgb(249,166,254)
```
#fab9fe
```
#fab9fe rgb(250,185,254)
```
#fbcdfe
```
#fbcdfe rgb(251,205,254)
```
#fde0ff
```
#fde0ff rgb(253,224,255)
```
#fef4ff
```
#fef4ff rgb(254,244,255)
```

Tint Color Variation

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

#a69ca6
```
#a69ca6 rgb(166,156,166)
```
#ac95ad
```
#ac95ad rgb(172,149,173)
```
#b28db5
```
#b28db5 rgb(178,141,181)
```
#b986bc
```
#b986bc rgb(185,134,188)
```
#bf7fc3
```
#bf7fc3 rgb(191,127,195)
```
#c578ca
```
#c578ca rgb(197,120,202)
```
#cc70d2
```
#cc70d2 rgb(204,112,210)
```
#d269d9
```
#d269d9 rgb(210,105,217)
```
#d962e0
```
#d962e0 rgb(217,98,224)
```
#df5be7
```
#df5be7 rgb(223,91,231)
```
#e553ef
```
#e553ef rgb(229,83,239)
```
#ec4cf6
```
#ec4cf6 rgb(236,76,246)
```
#f245fd
```
#f245fd rgb(242,69,253)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#a27fa4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6697ff Protanopia 1% of men
#6c9ae9 Deuteranopia 1% of men
#e27c84 Tritanopia 0.001% of the population

Trichromacy

#9979fe Protanomaly 1% of men, 0.01% of women
#9d7bf0 Deuteranomaly 6% of men, 0.4% of women
#e868b0 Tritanomaly 0.01% of the population

#f245fd hex color

#f245fd Color Information

#f245fd Color Conversion

Color Schemes with #f245fd

Alternatives to #f245fd

#f245fd Preview

Shades and Tints of #f245fd

Tones of #f245fd

Color Blindness Simulator