#f45ffc hex color

In a RGB color space, hex #f45ffc is composed of 95.7% red, 37.3% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 3.2% cyan, 62.3% magenta, 0% yellow and 1.2% black. It has a hue angle of 296.9 degrees, a saturation of 96.3% and a lightness of 68%. #f45ffc color hex could be obtained by blending #ffbeff with #e900f9. Closest websafe color is: #ff66ff.

♥
- f
- t
- g
- R 96
- G 37
- B 99
RGB color chart
- C 3
- M 62
- Y 0
- K 1
CMYK color chart

● #f45ffc color description : Soft magenta.

The hexadecimal color #f45ffc has RGB values of R:244, G:95, B:252 and CMYK values of C:0.03, M:0.62, Y:0, K:0.01. Its decimal value is 16015356.

Hex triplet	f45ffc	`#f45ffc`
RGB Decimal	244, 95, 252	`rgb(244,95,252)`
RGB Percent	95.7, 37.3, 98.8	`rgb(95.7%,37.3%,98.8%)`
CMYK	3, 62, 0, 1
HSL	296.9°, 96.3, 68	`hsl(296.9,96.3%,68%)`
HSV (or HSB)	296.9°, 62.3, 98.8
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	65.317, 75.942, -51.332
XYZ	58.97, 34.449, 95.633
xyY	0.312, 0.182, 34.449
CIE-LCH	65.317, 91.664, 325.944
CIE-LUV	65.317, 64.202, -92.48
Hunter-Lab	58.693, 76.627, -55.521
Binary	11110100, 01011111, 11111100

#f45ffc
```
#f45ffc rgb(244,95,252)
```
#67fc5f
```
#67fc5f rgb(103,252,95)
```

Complementary Color

#a65ffc
```
#a65ffc rgb(166,95,252)
```
#f45ffc
```
#f45ffc rgb(244,95,252)
```
#fc5fb6
```
#fc5fb6 rgb(252,95,182)
```

Analogous Color

#5ffca6
```
#5ffca6 rgb(95,252,166)
```
#f45ffc
```
#f45ffc rgb(244,95,252)
```
#b6fc5f
```
#b6fc5f rgb(182,252,95)
```

Split Complementary Color

#5ffcf4
```
#5ffcf4 rgb(95,252,244)
```
#f45ffc
```
#f45ffc rgb(244,95,252)
```
#fcf45f
```
#fcf45f rgb(252,244,95)
```

Triadic Color

#5f67fc
```
#5f67fc rgb(95,103,252)
```
#f45ffc
```
#f45ffc rgb(244,95,252)
```
#fcf45f
```
#fcf45f rgb(252,244,95)
```
#67fc5f
```
#67fc5f rgb(103,252,95)
```

Tetradic Color

#ef14fb
```
#ef14fb rgb(239,20,251)
```
#f12dfb
```
#f12dfb rgb(241,45,251)
```
#f246fc
```
#f246fc rgb(242,70,252)
```
#f45ffc
```
#f45ffc rgb(244,95,252)
```
#f678fc
```
#f678fc rgb(246,120,252)
```
#f791fd
```
#f791fd rgb(247,145,253)
```
#f9aafd
```
#f9aafd rgb(249,170,253)
```

Monochromatic Color

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

#cd5ffc
```
#cd5ffc rgb(205,95,252)
```
#da5ffc
```
#da5ffc rgb(218,95,252)
```
#e75ffc
```
#e75ffc rgb(231,95,252)
```
#f45ffc
```
#f45ffc rgb(244,95,252)
```
#fc5ff7
```
#fc5ff7 rgb(252,95,247)
```
#fc5fea
```
#fc5fea rgb(252,95,234)
```
#fc5fdd
```
#fc5fdd rgb(252,95,221)
```

Similar Colors

Text with hexadecimal color #f45ffc

This text has a font color of #f45ffc.

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

#f45ffc background color

This paragraph has a background color of #f45ffc.

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

#f45ffc border color

This element has a border color of #f45ffc.

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

CSS codes

.text {color:#f45ffc;}

.background {background-color:#f45ffc;}

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

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

#0d000d
```
#0d000d rgb(13,0,13)
```
#1f0121
```
#1f0121 rgb(31,1,33)
```
#310134
```
#310134 rgb(49,1,52)
```
#430147
```
#430147 rgb(67,1,71)
```
#56025a
```
#56025a rgb(86,2,90)
```
#68026e
```
#68026e rgb(104,2,110)
```
#7a0281
```
#7a0281 rgb(122,2,129)
```
#8d0394
```
#8d0394 rgb(141,3,148)
```
#9f03a7
```
#9f03a7 rgb(159,3,167)
```
#b103bb
```
#b103bb rgb(177,3,187)
```
#c404ce
```
#c404ce rgb(196,4,206)
```
#d604e1
```
#d604e1 rgb(214,4,225)
```
#e805f4
```
#e805f4 rgb(232,5,244)
```

Shade Color Variation

#ef12fb
```
#ef12fb rgb(239,18,251)
```
#f025fb
```
#f025fb rgb(240,37,251)
```
#f138fb
```
#f138fb rgb(241,56,251)
```
#f34cfc
```
#f34cfc rgb(243,76,252)
```
#f45ffc
```
#f45ffc rgb(244,95,252)
```
#f572fc
```
#f572fc rgb(245,114,252)
```
#f786fd
```
#f786fd rgb(247,134,253)
```
#f899fd
```
#f899fd rgb(248,153,253)
```
#f9acfd
```
#f9acfd rgb(249,172,253)
```
#fbbffe
```
#fbbffe rgb(251,191,254)
```
#fcd3fe
```
#fcd3fe rgb(252,211,254)
```
#fde6ff
```
#fde6ff rgb(253,230,255)
```
#fff9ff
```
#fff9ff rgb(255,249,255)
```

Tint Color Variation

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

#b0aab1
```
#b0aab1 rgb(176,170,177)
```
#b6a4b7
```
#b6a4b7 rgb(182,164,183)
```
#bc9ebd
```
#bc9ebd rgb(188,158,189)
```
#c197c4
```
#c197c4 rgb(193,151,196)
```
#c791ca
```
#c791ca rgb(199,145,202)
```
#cd8bd0
```
#cd8bd0 rgb(205,139,208)
```
#d285d6
```
#d285d6 rgb(210,133,214)
```
#d87edd
```
#d87edd rgb(216,126,221)
```
#dd78e3
```
#dd78e3 rgb(221,120,227)
```
#e372e9
```
#e372e9 rgb(227,114,233)
```
#e96cef
```
#e96cef rgb(233,108,239)
```
#ee65f6
```
#ee65f6 rgb(238,101,246)
```
#f45ffc
```
#f45ffc rgb(244,95,252)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#ae91b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#79a0ff Protanopia 1% of men
#80a2eb Deuteranopia 1% of men
#e58891 Tritanopia 0.001% of the population

Trichromacy

#a588fd Protanomaly 1% of men, 0.01% of women
#aa8af1 Deuteranomaly 6% of men, 0.4% of women
#ea79b8 Tritanomaly 0.01% of the population

#f45ffc hex color

#f45ffc Color Information

#f45ffc Color Conversion

Color Schemes with #f45ffc

Alternatives to #f45ffc

#f45ffc Preview

Shades and Tints of #f45ffc

Tones of #f45ffc

Color Blindness Simulator