#f3a5fd hex color

In a RGB color space, hex #f3a5fd is composed of 95.3% red, 64.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 4% cyan, 34.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 293.2 degrees, a saturation of 95.7% and a lightness of 82%. #f3a5fd color hex could be obtained by blending #ffffff with #e74bfb. Closest websafe color is: #ff99ff.

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

● #f3a5fd color description : Very soft magenta.

The hexadecimal color #f3a5fd has RGB values of R:243, G:165, B:253 and CMYK values of C:0.04, M:0.35, Y:0, K:0.01. Its decimal value is 15967741.

Hex triplet	f3a5fd	`#f3a5fd`
RGB Decimal	243, 165, 253	`rgb(243,165,253)`
RGB Percent	95.3, 64.7, 99.2	`rgb(95.3%,64.7%,99.2%)`
CMYK	4, 35, 0, 1
HSL	293.2°, 95.7, 82	`hsl(293.2,95.7%,82%)`
HSV (or HSB)	293.2°, 34.8, 99.2
Web Safe	ff99ff	`#ff99ff`

CIE-LAB	77.91, 42.725, -32.217
XYZ	68.145, 53.059, 99.575
xyY	0.309, 0.24, 53.059
CIE-LCH	77.91, 53.511, 322.982
CIE-LUV	77.91, 37.055, -58.387
Hunter-Lab	72.841, 39.518, -30.061
Binary	11110011, 10100101, 11111101

#f3a5fd
```
#f3a5fd rgb(243,165,253)
```
#affda5
```
#affda5 rgb(175,253,165)
```

Complementary Color

#c7a5fd
```
#c7a5fd rgb(199,165,253)
```
#f3a5fd
```
#f3a5fd rgb(243,165,253)
```
#fda5db
```
#fda5db rgb(253,165,219)
```

Analogous Color

#a5fdc7
```
#a5fdc7 rgb(165,253,199)
```
#f3a5fd
```
#f3a5fd rgb(243,165,253)
```
#dbfda5
```
#dbfda5 rgb(219,253,165)
```

Split Complementary Color

#a5fdf3
```
#a5fdf3 rgb(165,253,243)
```
#f3a5fd
```
#f3a5fd rgb(243,165,253)
```
#fdf3a5
```
#fdf3a5 rgb(253,243,165)
```

Triadic Color

#a5affd
```
#a5affd rgb(165,175,253)
```
#f3a5fd
```
#f3a5fd rgb(243,165,253)
```
#fdf3a5
```
#fdf3a5 rgb(253,243,165)
```
#affda5
```
#affda5 rgb(175,253,165)
```

Tetradic Color

#e95afb
```
#e95afb rgb(233,90,251)
```
#ec73fc
```
#ec73fc rgb(236,115,252)
```
#f08cfc
```
#f08cfc rgb(240,140,252)
```
#f3a5fd
```
#f3a5fd rgb(243,165,253)
```
#f6befe
```
#f6befe rgb(246,190,254)
```
#fad7fe
```
#fad7fe rgb(250,215,254)
```
#fdf0ff
```
#fdf0ff rgb(253,240,255)
```

Monochromatic Color

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

#dda5fd
```
#dda5fd rgb(221,165,253)
```
#e4a5fd
```
#e4a5fd rgb(228,165,253)
```
#eca5fd
```
#eca5fd rgb(236,165,253)
```
#f3a5fd
```
#f3a5fd rgb(243,165,253)
```
#faa5fd
```
#faa5fd rgb(250,165,253)
```
#fda5f8
```
#fda5f8 rgb(253,165,248)
```
#fda5f1
```
#fda5f1 rgb(253,165,241)
```

Similar Colors

Text with hexadecimal color #f3a5fd

This text has a font color of #f3a5fd.

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

#f3a5fd background color

This paragraph has a background color of #f3a5fd.

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

#f3a5fd border color

This element has a border color of #f3a5fd.

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

CSS codes

.text {color:#f3a5fd;}

.background {background-color:#f3a5fd;}

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

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

#050006
```
#050006 rgb(5,0,6)
```
#160119
```
#160119 rgb(22,1,25)
```
#27012c
```
#27012c rgb(39,1,44)
```
#380140
```
#380140 rgb(56,1,64)
```
#4a0253
```
#4a0253 rgb(74,2,83)
```
#5b0266
```
#5b0266 rgb(91,2,102)
```
#6c0379
```
#6c0379 rgb(108,3,121)
```
#7d038c
```
#7d038c rgb(125,3,140)
```
#8e049f
```
#8e049f rgb(142,4,159)
```
#9f04b3
```
#9f04b3 rgb(159,4,179)
```
#b004c6
```
#b004c6 rgb(176,4,198)
```
#c105d9
```
#c105d9 rgb(193,5,217)
```
#d205ec
```
#d205ec rgb(210,5,236)
```

Shade Color Variation

#df0bfa
```
#df0bfa rgb(223,11,250)
```
#e11ffa
```
#e11ffa rgb(225,31,250)
```
#e432fa
```
#e432fa rgb(228,50,250)
```
#e645fb
```
#e645fb rgb(230,69,251)
```
#e958fb
```
#e958fb rgb(233,88,251)
```
#eb6bfc
```
#eb6bfc rgb(235,107,252)
```
#ee7ffc
```
#ee7ffc rgb(238,127,252)
```
#f092fd
```
#f092fd rgb(240,146,253)
```
#f3a5fd
```
#f3a5fd rgb(243,165,253)
```
#f6b8fd
```
#f6b8fd rgb(246,184,253)
```
#f8cbfe
```
#f8cbfe rgb(248,203,254)
```
#fbdffe
```
#fbdffe rgb(251,223,254)
```
#fdf2ff
```
#fdf2ff rgb(253,242,255)
```

Tint Color Variation

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

#d2cfd3
```
#d2cfd3 rgb(210,207,211)
```
#d5ccd6
```
#d5ccd6 rgb(213,204,214)
```
#d8c8da
```
#d8c8da rgb(216,200,218)
```
#dac5dd
```
#dac5dd rgb(218,197,221)
```
#ddc1e1
```
#ddc1e1 rgb(221,193,225)
```
#e0bee4
```
#e0bee4 rgb(224,190,228)
```
#e3bae8
```
#e3bae8 rgb(227,186,232)
```
#e5b7eb
```
#e5b7eb rgb(229,183,235)
```
#e8b3ef
```
#e8b3ef rgb(232,179,239)
```
#ebb0f2
```
#ebb0f2 rgb(235,176,242)
```
#eeacf6
```
#eeacf6 rgb(238,172,246)
```
#f0a9f9
```
#f0a9f9 rgb(240,169,249)
```
#f3a5fd
```
#f3a5fd rgb(243,165,253)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#cfbfd1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0c1ff Protanopia 1% of men
#b9c0f5 Deuteranopia 1% of men
#eab6c2 Tritanopia 0.001% of the population

Trichromacy

#c8b7fe Protanomaly 1% of men, 0.01% of women
#ceb6f8 Deuteranomaly 6% of men, 0.4% of women
#edafd8 Tritanomaly 0.01% of the population

#f3a5fd hex color

#f3a5fd Color Information

#f3a5fd Color Conversion

Color Schemes with #f3a5fd

Alternatives to #f3a5fd

#f3a5fd Preview

Shades and Tints of #f3a5fd

Tones of #f3a5fd

Color Blindness Simulator