#fd2af2 hex color

In a RGB color space, hex #fd2af2 is composed of 99.2% red, 16.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.4% magenta, 4.3% yellow and 0.8% black. It has a hue angle of 303.1 degrees, a saturation of 98.1% and a lightness of 57.8%. #fd2af2 color hex could be obtained by blending #ff54ff with #fb00e5. Closest websafe color is: #ff33ff.

♥
- f
- t
- g
- R 99
- G 16
- B 95
RGB color chart
- C 0
- M 83
- Y 4
- K 1
CMYK color chart

● #fd2af2 color description : Bright magenta.

The hexadecimal color #fd2af2 has RGB values of R:253, G:42, B:242 and CMYK values of C:0, M:0.83, Y:0.04, K:0.01. Its decimal value is 16591602.

Hex triplet	fd2af2	`#fd2af2`
RGB Decimal	253, 42, 242	`rgb(253,42,242)`
RGB Percent	99.2, 16.5, 94.9	`rgb(99.2%,16.5%,94.9%)`
CMYK	0, 83, 4, 1
HSL	303.1°, 98.1, 57.8	`hsl(303.1,98.1%,57.8%)`
HSV (or HSB)	303.1°, 83.4, 99.2
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	60.741, 91.759, -52.968
XYZ	57.362, 28.954, 86.567
xyY	0.332, 0.167, 28.954
CIE-LCH	60.741, 105.95, 330.004
CIE-LUV	60.741, 84.913, -95.96
Hunter-Lab	53.808, 96.124, -57.72
Binary	11111101, 00101010, 11110010

#fd2af2
```
#fd2af2 rgb(253,42,242)
```
#2afd35
```
#2afd35 rgb(42,253,53)
```

Complementary Color

#9f2afd
```
#9f2afd rgb(159,42,253)
```
#fd2af2
```
#fd2af2 rgb(253,42,242)
```
#fd2a89
```
#fd2a89 rgb(253,42,137)
```

Analogous Color

#2afd9f
```
#2afd9f rgb(42,253,159)
```
#fd2af2
```
#fd2af2 rgb(253,42,242)
```
#89fd2a
```
#89fd2a rgb(137,253,42)
```

Split Complementary Color

#2af2fd
```
#2af2fd rgb(42,242,253)
```
#fd2af2
```
#fd2af2 rgb(253,42,242)
```
#f2fd2a
```
#f2fd2a rgb(242,253,42)
```

Triadic Color

#352afd
```
#352afd rgb(53,42,253)
```
#fd2af2
```
#fd2af2 rgb(253,42,242)
```
#f2fd2a
```
#f2fd2a rgb(242,253,42)
```
#2afd35
```
#2afd35 rgb(42,253,53)
```

Tetradic Color

#d802cd
```
#d802cd rgb(216,2,205)
```
#f202e5
```
#f202e5 rgb(242,2,229)
```
#fd11f0
```
#fd11f0 rgb(253,17,240)
```
#fd2af2
```
#fd2af2 rgb(253,42,242)
```
#fd43f4
```
#fd43f4 rgb(253,67,244)
```
#fd5df5
```
#fd5df5 rgb(253,93,245)
```
#fe76f7
```
#fe76f7 rgb(254,118,247)
```

Monochromatic Color

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

#d32afd
```
#d32afd rgb(211,42,253)
```
#e52afd
```
#e52afd rgb(229,42,253)
```
#f62afd
```
#f62afd rgb(246,42,253)
```
#fd2af2
```
#fd2af2 rgb(253,42,242)
```
#fd2ae0
```
#fd2ae0 rgb(253,42,224)
```
#fd2acf
```
#fd2acf rgb(253,42,207)
```
#fd2abd
```
#fd2abd rgb(253,42,189)
```

Similar Colors

Text with hexadecimal color #fd2af2

This text has a font color of #fd2af2.

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

#fd2af2 background color

This paragraph has a background color of #fd2af2.

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

#fd2af2 border color

This element has a border color of #fd2af2.

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

CSS codes

.text {color:#fd2af2;}

.background {background-color:#fd2af2;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#140013
```
#140013 rgb(20,0,19)
```
#280026
```
#280026 rgb(40,0,38)
```
#3b0138
```
#3b0138 rgb(59,1,56)
```
#4e014a
```
#4e014a rgb(78,1,74)
```
#62015d
```
#62015d rgb(98,1,93)
```
#75016f
```
#75016f rgb(117,1,111)
```
#890182
```
#890182 rgb(137,1,130)
```
#9c0194
```
#9c0194 rgb(156,1,148)
```
#b002a7
```
#b002a7 rgb(176,2,167)
```
#c302b9
```
#c302b9 rgb(195,2,185)
```
#d702cb
```
#d702cb rgb(215,2,203)
```
#ea02de
```
#ea02de rgb(234,2,222)
```

Shade Color Variation

#fd03f0
```
#fd03f0 rgb(253,3,240)
```
#fd17f1
```
#fd17f1 rgb(253,23,241)
```
#fd2af2
```
#fd2af2 rgb(253,42,242)
```
#fd3df3
```
#fd3df3 rgb(253,61,243)
```
#fd51f4
```
#fd51f4 rgb(253,81,244)
```
#fe64f6
```
#fe64f6 rgb(254,100,246)
```
#fe78f7
```
#fe78f7 rgb(254,120,247)
```
#fe8bf8
```
#fe8bf8 rgb(254,139,248)
```
#fe9ff9
```
#fe9ff9 rgb(254,159,249)
```
#feb2fa
```
#feb2fa rgb(254,178,250)
```
#fec5fb
```
#fec5fb rgb(254,197,251)
```
#ffd9fd
```
#ffd9fd rgb(255,217,253)
```
#ffecfe
```
#ffecfe rgb(255,236,254)
```

Tint Color Variation

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

#9a8d99
```
#9a8d99 rgb(154,141,153)
```
#a285a1
```
#a285a1 rgb(162,133,161)
```
#aa7da8
```
#aa7da8 rgb(170,125,168)
```
#b374af
```
#b374af rgb(179,116,175)
```
#bb6cb7
```
#bb6cb7 rgb(187,108,183)
```
#c364be
```
#c364be rgb(195,100,190)
```
#cb5cc6
```
#cb5cc6 rgb(203,92,198)
```
#d453cd
```
#d453cd rgb(212,83,205)
```
#dc4bd4
```
#dc4bd4 rgb(220,75,212)
```
#e443dc
```
#e443dc rgb(228,67,220)
```
#ec3be3
```
#ec3be3 rgb(236,59,227)
```
#f532eb
```
#f532eb rgb(245,50,235)
```
#fd2af2
```
#fd2af2 rgb(253,42,242)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#996f97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f95ff Protanopia 1% of men
#7497dd Deuteranopia 1% of men
#ee6e75 Tritanopia 0.001% of the population

Trichromacy

#986efa Protanomaly 1% of men, 0.01% of women
#a66fe4 Deuteranomaly 6% of men, 0.4% of women
#f355a2 Tritanomaly 0.01% of the population

#fd2af2 hex color

#fd2af2 Color Information

#fd2af2 Color Conversion

Color Schemes with #fd2af2

Alternatives to #fd2af2

#fd2af2 Preview

Shades and Tints of #fd2af2

Tones of #fd2af2

Color Blindness Simulator