#f561d4 hex color

In a RGB color space, hex #f561d4 is composed of 96.1% red, 38% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.4% magenta, 13.5% yellow and 3.9% black. It has a hue angle of 313.4 degrees, a saturation of 88.1% and a lightness of 67.1%. #f561d4 color hex could be obtained by blending #ffc2ff with #eb00a9. Closest websafe color is: #ff66cc.

♥
- f
- t
- g
- R 96
- G 38
- B 83
RGB color chart
- C 0
- M 60
- Y 13
- K 4
CMYK color chart

● #f561d4 color description : Soft magenta.

The hexadecimal color #f561d4 has RGB values of R:245, G:97, B:212 and CMYK values of C:0, M:0.6, Y:0.13, K:0.04. Its decimal value is 16081364.

Hex triplet	f561d4	`#f561d4`
RGB Decimal	245, 97, 212	`rgb(245,97,212)`
RGB Percent	96.1, 38, 83.1	`rgb(96.1%,38%,83.1%)`
CMYK	0, 60, 13, 4
HSL	313.4°, 88.1, 67.1	`hsl(313.4,88.1%,67.1%)`
HSV (or HSB)	313.4°, 60.4, 96.1
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	63.933, 69.102, -31.245
XYZ	53.814, 32.719, 65.765
xyY	0.353, 0.215, 32.719
CIE-LCH	63.933, 75.838, 335.67
CIE-LUV	63.933, 76.717, -59.358
Hunter-Lab	57.201, 67.831, -28.127
Binary	11110101, 01100001, 11010100

#f561d4
```
#f561d4 rgb(245,97,212)
```
#61f582
```
#61f582 rgb(97,245,130)
```

Complementary Color

#cc61f5
```
#cc61f5 rgb(204,97,245)
```
#f561d4
```
#f561d4 rgb(245,97,212)
```
#f5618a
```
#f5618a rgb(245,97,138)
```

Analogous Color

#61f5cc
```
#61f5cc rgb(97,245,204)
```
#f561d4
```
#f561d4 rgb(245,97,212)
```
#8af561
```
#8af561 rgb(138,245,97)
```

Split Complementary Color

#61d4f5
```
#61d4f5 rgb(97,212,245)
```
#f561d4
```
#f561d4 rgb(245,97,212)
```
#d4f561
```
#d4f561 rgb(212,245,97)
```

Triadic Color

#8261f5
```
#8261f5 rgb(130,97,245)
```
#f561d4
```
#f561d4 rgb(245,97,212)
```
#d4f561
```
#d4f561 rgb(212,245,97)
```
#61f582
```
#61f582 rgb(97,245,130)
```

Tetradic Color

#f019c0
```
#f019c0 rgb(240,25,192)
```
#f231c7
```
#f231c7 rgb(242,49,199)
```
#f349cd
```
#f349cd rgb(243,73,205)
```
#f561d4
```
#f561d4 rgb(245,97,212)
```
#f779db
```
#f779db rgb(247,121,219)
```
#f891e1
```
#f891e1 rgb(248,145,225)
```
#faa9e8
```
#faa9e8 rgb(250,169,232)
```

Monochromatic Color

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

#f161f5
```
#f161f5 rgb(241,97,245)
```
#f561ed
```
#f561ed rgb(245,97,237)
```
#f561e0
```
#f561e0 rgb(245,97,224)
```
#f561d4
```
#f561d4 rgb(245,97,212)
```
#f561c8
```
#f561c8 rgb(245,97,200)
```
#f561bb
```
#f561bb rgb(245,97,187)
```
#f561af
```
#f561af rgb(245,97,175)
```

Similar Colors

Text with hexadecimal color #f561d4

This text has a font color of #f561d4.

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

#f561d4 background color

This paragraph has a background color of #f561d4.

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

#f561d4 border color

This element has a border color of #f561d4.

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

CSS codes

.text {color:#f561d4;}

.background {background-color:#f561d4;}

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

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

#080106
```
#080106 rgb(8,1,6)
```
#1a0215
```
#1a0215 rgb(26,2,21)
```
#2d0324
```
#2d0324 rgb(45,3,36)
```
#3f0432
```
#3f0432 rgb(63,4,50)
```
#520541
```
#520541 rgb(82,5,65)
```
#64064f
```
#64064f rgb(100,6,79)
```
#77085e
```
#77085e rgb(119,8,94)
```
#89096d
```
#89096d rgb(137,9,109)
```
#9c0a7b
```
#9c0a7b rgb(156,10,123)
```
#ae0b8a
```
#ae0b8a rgb(174,11,138)
```
#c10c98
```
#c10c98 rgb(193,12,152)
```
#d30da7
```
#d30da7 rgb(211,13,167)
```
#e50fb5
```
#e50fb5 rgb(229,15,181)
```

Shade Color Variation

#f017c0
```
#f017c0 rgb(240,23,192)
```
#f12ac5
```
#f12ac5 rgb(241,42,197)
```
#f33cca
```
#f33cca rgb(243,60,202)
```
#f44fcf
```
#f44fcf rgb(244,79,207)
```
#f561d4
```
#f561d4 rgb(245,97,212)
```
#f673d9
```
#f673d9 rgb(246,115,217)
```
#f786de
```
#f786de rgb(247,134,222)
```
#f998e3
```
#f998e3 rgb(249,152,227)
```
#faabe8
```
#faabe8 rgb(250,171,232)
```
#fbbded
```
#fbbded rgb(251,189,237)
```
#fcd0f2
```
#fcd0f2 rgb(252,208,242)
```
#fde2f7
```
#fde2f7 rgb(253,226,247)
```
#fef5fc
```
#fef5fc rgb(254,245,252)
```

Tint Color Variation

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

#aea8ad
```
#aea8ad rgb(174,168,173)
```
#b4a2b0
```
#b4a2b0 rgb(180,162,176)
```
#bb9bb4
```
#bb9bb4 rgb(187,155,180)
```
#c195b7
```
#c195b7 rgb(193,149,183)
```
#c88ebb
```
#c88ebb rgb(200,142,187)
```
#ce88bf
```
#ce88bf rgb(206,136,191)
```
#d581c2
```
#d581c2 rgb(213,129,194)
```
#db7bc6
```
#db7bc6 rgb(219,123,198)
```
#e274c9
```
#e274c9 rgb(226,116,201)
```
#e86ecd
```
#e86ecd rgb(232,110,205)
```
#ef67d0
```
#ef67d0 rgb(239,103,208)
```
#f561d4
```
#f561d4 rgb(245,97,212)
```
#fb5bd8
```
#fb5bd8 rgb(251,91,216)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#ac8fa6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#779df9 Protanopia 1% of men
#989dc8 Deuteranopia 1% of men
#ec7e87 Tritanopia 0.001% of the population

Trichromacy

#a587ec Protanomaly 1% of men, 0.01% of women
#b987cc Deuteranomaly 6% of men, 0.4% of women
#ef73a3 Tritanomaly 0.01% of the population

#f561d4 hex color

#f561d4 Color Information

#f561d4 Color Conversion

Color Schemes with #f561d4

Alternatives to #f561d4

#f561d4 Preview

Shades and Tints of #f561d4

Tones of #f561d4

Color Blindness Simulator