#f015d4 hex color

In a RGB color space, hex #f015d4 is composed of 94.1% red, 8.2% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.3% magenta, 11.7% yellow and 5.9% black. It has a hue angle of 307.7 degrees, a saturation of 88% and a lightness of 51.2%. #f015d4 color hex could be obtained by blending #ff2aff with #e100a9. Closest websafe color is: #ff00cc.

♥
- f
- t
- g
- R 94
- G 8
- B 83
RGB color chart
- C 0
- M 91
- Y 12
- K 6
CMYK color chart

● #f015d4 color description : Vivid magenta.

The hexadecimal color #f015d4 has RGB values of R:240, G:21, B:212 and CMYK values of C:0, M:0.91, Y:0.12, K:0.06. Its decimal value is 15734228.

Hex triplet	f015d4	`#f015d4`
RGB Decimal	240, 21, 212	`rgb(240,21,212)`
RGB Percent	94.1, 8.2, 83.1	`rgb(94.1%,8.2%,83.1%)`
CMYK	0, 91, 12, 6
HSL	307.7°, 88, 51.2	`hsl(307.7,88%,51.2%)`
HSV (or HSB)	307.7°, 91.3, 94.1
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	55.906, 88.472, -43.862
XYZ	48.087, 23.819, 64.349
xyY	0.353, 0.175, 23.819
CIE-LCH	55.906, 98.748, 333.629
CIE-LUV	55.906, 89.82, -80.023
Hunter-Lab	48.805, 90.466, -44.01
Binary	11110000, 00010101, 11010100

#f015d4
```
#f015d4 rgb(240,21,212)
```
#15f031
```
#15f031 rgb(21,240,49)
```

Complementary Color

#9f15f0
```
#9f15f0 rgb(159,21,240)
```
#f015d4
```
#f015d4 rgb(240,21,212)
```
#f01567
```
#f01567 rgb(240,21,103)
```

Analogous Color

#15f09f
```
#15f09f rgb(21,240,159)
```
#f015d4
```
#f015d4 rgb(240,21,212)
```
#67f015
```
#67f015 rgb(103,240,21)
```

Split Complementary Color

#15d4f0
```
#15d4f0 rgb(21,212,240)
```
#f015d4
```
#f015d4 rgb(240,21,212)
```
#d4f015
```
#d4f015 rgb(212,240,21)
```

Triadic Color

#3115f0
```
#3115f0 rgb(49,21,240)
```
#f015d4
```
#f015d4 rgb(240,21,212)
```
#d4f015
```
#d4f015 rgb(212,240,21)
```
#15f031
```
#15f031 rgb(21,240,49)
```

Tetradic Color

#ad0b99
```
#ad0b99 rgb(173,11,153)
```
#c50dae
```
#c50dae rgb(197,13,174)
```
#dd0ec3
```
#dd0ec3 rgb(221,14,195)
```
#f015d4
```
#f015d4 rgb(240,21,212)
```
#f22dd8
```
#f22dd8 rgb(242,45,216)
```
#f345dd
```
#f345dd rgb(243,69,221)
```
#f55de1
```
#f55de1 rgb(245,93,225)
```

Monochromatic Color

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

#d515f0
```
#d515f0 rgb(213,21,240)
```
#e815f0
```
#e815f0 rgb(232,21,240)
```
#f015e6
```
#f015e6 rgb(240,21,230)
```
#f015d4
```
#f015d4 rgb(240,21,212)
```
#f015c2
```
#f015c2 rgb(240,21,194)
```
#f015b0
```
#f015b0 rgb(240,21,176)
```
#f0159d
```
#f0159d rgb(240,21,157)
```

Similar Colors

Text with hexadecimal color #f015d4

This text has a font color of #f015d4.

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

#f015d4 background color

This paragraph has a background color of #f015d4.

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

#f015d4 border color

This element has a border color of #f015d4.

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

CSS codes

.text {color:#f015d4;}

.background {background-color:#f015d4;}

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

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

#060005
```
#060005 rgb(6,0,5)
```
#180215
```
#180215 rgb(24,2,21)
```
#2b0325
```
#2b0325 rgb(43,3,37)
```
#3d0436
```
#3d0436 rgb(61,4,54)
```
#4f0546
```
#4f0546 rgb(79,5,70)
```
#620656
```
#620656 rgb(98,6,86)
```
#740766
```
#740766 rgb(116,7,102)
```
#870977
```
#870977 rgb(135,9,119)
```
#990a87
```
#990a87 rgb(153,10,135)
```
#ac0b97
```
#ac0b97 rgb(172,11,151)
```
#be0ca7
```
#be0ca7 rgb(190,12,167)
```
#d00db7
```
#d00db7 rgb(208,13,183)
```
#e30fc8
```
#e30fc8 rgb(227,15,200)
```

Shade Color Variation

#f015d4
```
#f015d4 rgb(240,21,212)
```
#f127d7
```
#f127d7 rgb(241,39,215)
```
#f23adb
```
#f23adb rgb(242,58,219)
```
#f44cde
```
#f44cde rgb(244,76,222)
```
#f55fe2
```
#f55fe2 rgb(245,95,226)
```
#f671e5
```
#f671e5 rgb(246,113,229)
```
#f784e8
```
#f784e8 rgb(247,132,232)
```
#f896ec
```
#f896ec rgb(248,150,236)
```
#f9a8ef
```
#f9a8ef rgb(249,168,239)
```
#fbbbf2
```
#fbbbf2 rgb(251,187,242)
```
#fccdf6
```
#fccdf6 rgb(252,205,246)
```
#fde0f9
```
#fde0f9 rgb(253,224,249)
```
#fef2fd
```
#fef2fd rgb(254,242,253)
```

Tint Color Variation

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

#877e86
```
#877e86 rgb(135,126,134)
```
#90758d
```
#90758d rgb(144,117,141)
```
#9a6b94
```
#9a6b94 rgb(154,107,148)
```
#a3629b
```
#a3629b rgb(163,98,155)
```
#ad58a2
```
#ad58a2 rgb(173,88,162)
```
#b74ea9
```
#b74ea9 rgb(183,78,169)
```
#c045b0
```
#c045b0 rgb(192,69,176)
```
#ca3bb7
```
#ca3bb7 rgb(202,59,183)
```
#d332bf
```
#d332bf rgb(211,50,191)
```
#dd28c6
```
#dd28c6 rgb(221,40,198)
```
#e61fcd
```
#e61fcd rgb(230,31,205)
```
#f015d4
```
#f015d4 rgb(240,21,212)
```
#fa0bdb
```
#fa0bdb rgb(250,11,219)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#865b81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b88ff Protanopia 1% of men
#758bc2 Deuteranopia 1% of men
#e55e63 Tritanopia 0.001% of the population

Trichromacy

#7d5eef Protanomaly 1% of men, 0.01% of women
#a260c8 Deuteranomaly 6% of men, 0.4% of women
#e9438c Tritanomaly 0.01% of the population

#f015d4 hex color

#f015d4 Color Information

#f015d4 Color Conversion

Color Schemes with #f015d4

Alternatives to #f015d4

#f015d4 Preview

Shades and Tints of #f015d4

Tones of #f015d4

Color Blindness Simulator