#fd3af6 hex color

In a RGB color space, hex #fd3af6 is composed of 99.2% red, 22.7% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.1% magenta, 2.8% yellow and 0.8% black. It has a hue angle of 302.2 degrees, a saturation of 98% and a lightness of 61%. #fd3af6 color hex could be obtained by blending #ff74ff with #fb00ed. Closest websafe color is: #ff33ff.

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

● #fd3af6 color description : Bright magenta.

The hexadecimal color #fd3af6 has RGB values of R:253, G:58, B:246 and CMYK values of C:0, M:0.77, Y:0.03, K:0.01. Its decimal value is 16595702.

Hex triplet	fd3af6	`#fd3af6`
RGB Decimal	253, 58, 246	`rgb(253,58,246)`
RGB Percent	99.2, 22.7, 96.5	`rgb(99.2%,22.7%,96.5%)`
CMYK	0, 77, 3, 1
HSL	302.2°, 98, 61	`hsl(302.2,98%,61%)`
HSV (or HSB)	302.2°, 77.1, 99.2
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	62.14, 88.877, -52.969
XYZ	58.655, 30.567, 89.994
xyY	0.327, 0.171, 30.567
CIE-LCH	62.14, 103.464, 329.206
CIE-LUV	62.14, 80.964, -96.004
Hunter-Lab	55.287, 92.62, -57.809
Binary	11111101, 00111010, 11110110

#fd3af6
```
#fd3af6 rgb(253,58,246)
```
#3afd41
```
#3afd41 rgb(58,253,65)
```

Complementary Color

#a33afd
```
#a33afd rgb(163,58,253)
```
#fd3af6
```
#fd3af6 rgb(253,58,246)
```
#fd3a95
```
#fd3a95 rgb(253,58,149)
```

Analogous Color

#3afda3
```
#3afda3 rgb(58,253,163)
```
#fd3af6
```
#fd3af6 rgb(253,58,246)
```
#95fd3a
```
#95fd3a rgb(149,253,58)
```

Split Complementary Color

#3af6fd
```
#3af6fd rgb(58,246,253)
```
#fd3af6
```
#fd3af6 rgb(253,58,246)
```
#f6fd3a
```
#f6fd3a rgb(246,253,58)
```

Triadic Color

#413afd
```
#413afd rgb(65,58,253)
```
#fd3af6
```
#fd3af6 rgb(253,58,246)
```
#f6fd3a
```
#f6fd3a rgb(246,253,58)
```
#3afd41
```
#3afd41 rgb(58,253,65)
```

Tetradic Color

#e802e0
```
#e802e0 rgb(232,2,224)
```
#fc08f4
```
#fc08f4 rgb(252,8,244)
```
#fd21f5
```
#fd21f5 rgb(253,33,245)
```
#fd3af6
```
#fd3af6 rgb(253,58,246)
```
#fd53f7
```
#fd53f7 rgb(253,83,247)
```
#fe6cf8
```
#fe6cf8 rgb(254,108,248)
```
#fe86f9
```
#fe86f9 rgb(254,134,249)
```

Monochromatic Color

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

#d33afd
```
#d33afd rgb(211,58,253)
```
#e43afd
```
#e43afd rgb(228,58,253)
```
#f43afd
```
#f43afd rgb(244,58,253)
```
#fd3af6
```
#fd3af6 rgb(253,58,246)
```
#fd3ae6
```
#fd3ae6 rgb(253,58,230)
```
#fd3ad6
```
#fd3ad6 rgb(253,58,214)
```
#fd3ac5
```
#fd3ac5 rgb(253,58,197)
```

Similar Colors

Text with hexadecimal color #fd3af6

This text has a font color of #fd3af6.

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

#fd3af6 background color

This paragraph has a background color of #fd3af6.

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

#fd3af6 border color

This element has a border color of #fd3af6.

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

CSS codes

.text {color:#fd3af6;}

.background {background-color:#fd3af6;}

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

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

#110010
```
#110010 rgb(17,0,16)
```
#240023
```
#240023 rgb(36,0,35)
```
#370135
```
#370135 rgb(55,1,53)
```
#4b0148
```
#4b0148 rgb(75,1,72)
```
#5e015b
```
#5e015b rgb(94,1,91)
```
#72016e
```
#72016e rgb(114,1,110)
```
#850180
```
#850180 rgb(133,1,128)
```
#990293
```
#990293 rgb(153,2,147)
```
#ac02a6
```
#ac02a6 rgb(172,2,166)
```
#bf02b9
```
#bf02b9 rgb(191,2,185)
```
#d302cb
```
#d302cb rgb(211,2,203)
```
#e602de
```
#e602de rgb(230,2,222)
```
#fa03f1
```
#fa03f1 rgb(250,3,241)
```

Shade Color Variation

#fd13f4
```
#fd13f4 rgb(253,19,244)
```
#fd27f5
```
#fd27f5 rgb(253,39,245)
```
#fd3af6
```
#fd3af6 rgb(253,58,246)
```
#fd4df7
```
#fd4df7 rgb(253,77,247)
```
#fd61f8
```
#fd61f8 rgb(253,97,248)
```
#fe74f9
```
#fe74f9 rgb(254,116,249)
```
#fe88fa
```
#fe88fa rgb(254,136,250)
```
#fe9bfa
```
#fe9bfa rgb(254,155,250)
```
#feaffb
```
#feaffb rgb(254,175,251)
```
#fec2fc
```
#fec2fc rgb(254,194,252)
```
#ffd5fd
```
#ffd5fd rgb(255,213,253)
```
#ffe9fe
```
#ffe9fe rgb(255,233,254)
```
#fffcff
```
#fffcff rgb(255,252,255)
```

Tint Color Variation

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

#a196a1
```
#a196a1 rgb(161,150,161)
```
#a98ea8
```
#a98ea8 rgb(169,142,168)
```
#b087af
```
#b087af rgb(176,135,175)
```
#b87fb6
```
#b87fb6 rgb(184,127,182)
```
#c077bd
```
#c077bd rgb(192,119,189)
```
#c770c4
```
#c770c4 rgb(199,112,196)
```
#cf68cb
```
#cf68cb rgb(207,104,203)
```
#d760d2
```
#d760d2 rgb(215,96,210)
```
#de59da
```
#de59da rgb(222,89,218)
```
#e651e1
```
#e651e1 rgb(230,81,225)
```
#ee49e8
```
#ee49e8 rgb(238,73,232)
```
#f542ef
```
#f542ef rgb(245,66,239)
```
#fd3af6
```
#fd3af6 rgb(253,58,246)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#a17aa0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6898ff Protanopia 1% of men
#779be1 Deuteranopia 1% of men
#ee757c Tritanopia 0.001% of the population

Trichromacy

#9e76fb Protanomaly 1% of men, 0.01% of women
#a877e9 Deuteranomaly 6% of men, 0.4% of women
#f35fa8 Tritanomaly 0.01% of the population

#fd3af6 hex color

#fd3af6 Color Information

#fd3af6 Color Conversion

Color Schemes with #fd3af6

Alternatives to #fd3af6

#fd3af6 Preview

Shades and Tints of #fd3af6

Tones of #fd3af6

Color Blindness Simulator