#f45dff hex color

In a RGB color space, hex #f45dff is composed of 95.7% red, 36.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 4.3% cyan, 63.5% magenta, 0% yellow and 0% black. It has a hue angle of 295.9 degrees, a saturation of 100% and a lightness of 68.2%. #f45dff color hex could be obtained by blending #ffbaff with #e900ff. Closest websafe color is: #ff66ff.

♥
- f
- t
- g
- R 96
- G 36
- B 100
RGB color chart
- C 4
- M 64
- Y 0
- K 0
CMYK color chart

● #f45dff color description : Light magenta.

The hexadecimal color #f45dff has RGB values of R:244, G:93, B:255 and CMYK values of C:0.04, M:0.64, Y:0, K:0. Its decimal value is 16014847.

Hex triplet	f45dff	`#f45dff`
RGB Decimal	244, 93, 255	`rgb(244,93,255)`
RGB Percent	95.7, 36.5, 100	`rgb(95.7%,36.5%,100%)`
CMYK	4, 64, 0, 0
HSL	295.9°, 100, 68.2	`hsl(295.9,100%,68.2%)`
HSV (or HSB)	295.9°, 63.5, 100
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	65.188, 77.225, -53.186
XYZ	59.271, 34.285, 98.098
xyY	0.309, 0.179, 34.285
CIE-LCH	65.188, 93.768, 325.444
CIE-LUV	65.188, 63.854, -95.576
Hunter-Lab	58.553, 78.219, -58.345
Binary	11110100, 01011101, 11111111

#f45dff
```
#f45dff rgb(244,93,255)
```
#68ff5d
```
#68ff5d rgb(104,255,93)
```

Complementary Color

#a35dff
```
#a35dff rgb(163,93,255)
```
#f45dff
```
#f45dff rgb(244,93,255)
```
#ff5db9
```
#ff5db9 rgb(255,93,185)
```

Analogous Color

#5dffa3
```
#5dffa3 rgb(93,255,163)
```
#f45dff
```
#f45dff rgb(244,93,255)
```
#b9ff5d
```
#b9ff5d rgb(185,255,93)
```

Split Complementary Color

#5dfff4
```
#5dfff4 rgb(93,255,244)
```
#f45dff
```
#f45dff rgb(244,93,255)
```
#fff45d
```
#fff45d rgb(255,244,93)
```

Triadic Color

#5d68ff
```
#5d68ff rgb(93,104,255)
```
#f45dff
```
#f45dff rgb(244,93,255)
```
#fff45d
```
#fff45d rgb(255,244,93)
```
#68ff5d
```
#68ff5d rgb(104,255,93)
```

Tetradic Color

#ef11ff
```
#ef11ff rgb(239,17,255)
```
#f12aff
```
#f12aff rgb(241,42,255)
```
#f244ff
```
#f244ff rgb(242,68,255)
```
#f45dff
```
#f45dff rgb(244,93,255)
```
#f677ff
```
#f677ff rgb(246,119,255)
```
#f790ff
```
#f790ff rgb(247,144,255)
```
#f9aaff
```
#f9aaff rgb(249,170,255)
```

Monochromatic Color

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

#cc5dff
```
#cc5dff rgb(204,93,255)
```
#d95dff
```
#d95dff rgb(217,93,255)
```
#e75dff
```
#e75dff rgb(231,93,255)
```
#f45dff
```
#f45dff rgb(244,93,255)
```
#ff5dfd
```
#ff5dfd rgb(255,93,253)
```
#ff5def
```
#ff5def rgb(255,93,239)
```
#ff5de2
```
#ff5de2 rgb(255,93,226)
```

Similar Colors

Text with hexadecimal color #f45dff

This text has a font color of #f45dff.

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

#f45dff background color

This paragraph has a background color of #f45dff.

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

#f45dff border color

This element has a border color of #f45dff.

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

CSS codes

.text {color:#f45dff;}

.background {background-color:#f45dff;}

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

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

#0e000f
```
#0e000f rgb(14,0,15)
```
#200022
```
#200022 rgb(32,0,34)
```
#320036
```
#320036 rgb(50,0,54)
```
#440049
```
#440049 rgb(68,0,73)
```
#57005d
```
#57005d rgb(87,0,93)
```
#690071
```
#690071 rgb(105,0,113)
```
#7b0084
```
#7b0084 rgb(123,0,132)
```
#8e0098
```
#8e0098 rgb(142,0,152)
```
#a000ab
```
#a000ab rgb(160,0,171)
```
#b200bf
```
#b200bf rgb(178,0,191)
```
#c400d3
```
#c400d3 rgb(196,0,211)
```
#d700e6
```
#d700e6 rgb(215,0,230)
```
#e900fa
```
#e900fa rgb(233,0,250)
```

Shade Color Variation

#ef0fff
```
#ef0fff rgb(239,15,255)
```
#f022ff
```
#f022ff rgb(240,34,255)
```
#f136ff
```
#f136ff rgb(241,54,255)
```
#f349ff
```
#f349ff rgb(243,73,255)
```
#f45dff
```
#f45dff rgb(244,93,255)
```
#f571ff
```
#f571ff rgb(245,113,255)
```
#f784ff
```
#f784ff rgb(247,132,255)
```
#f898ff
```
#f898ff rgb(248,152,255)
```
#f9abff
```
#f9abff rgb(249,171,255)
```
#fbbfff
```
#fbbfff rgb(251,191,255)
```
#fcd3ff
```
#fcd3ff rgb(252,211,255)
```
#fde6ff
```
#fde6ff rgb(253,230,255)
```
#fffaff
```
#fffaff rgb(255,250,255)
```

Tint Color Variation

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

#b3a8b4
```
#b3a8b4 rgb(179,168,180)
```
#b9a2ba
```
#b9a2ba rgb(185,162,186)
```
#be9bc1
```
#be9bc1 rgb(190,155,193)
```
#c495c7
```
#c495c7 rgb(196,149,199)
```
#c98fcd
```
#c98fcd rgb(201,143,205)
```
#ce89d3
```
#ce89d3 rgb(206,137,211)
```
#d482da
```
#d482da rgb(212,130,218)
```
#d97ce0
```
#d97ce0 rgb(217,124,224)
```
#de76e6
```
#de76e6 rgb(222,118,230)
```
#e470ec
```
#e470ec rgb(228,112,236)
```
#e969f3
```
#e969f3 rgb(233,105,243)
```
#ef63f9
```
#ef63f9 rgb(239,99,249)
```
#f45dff
```
#f45dff rgb(244,93,255)
```

Tone Color Variation

Below, you can see how #f45dff 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
#ae90b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#78a0ff Protanopia 1% of men
#7ca2ed Deuteranopia 1% of men
#e58891 Tritanopia 0.001% of the population

Trichromacy

#a587ff Protanomaly 1% of men, 0.01% of women
#a889f4 Deuteranomaly 6% of men, 0.4% of women
#ea78b9 Tritanomaly 0.01% of the population

#f45dff hex color

#f45dff Color Information

#f45dff Color Conversion

Color Schemes with #f45dff

Alternatives to #f45dff

#f45dff Preview

Shades and Tints of #f45dff

Tones of #f45dff

Color Blindness Simulator