#f354fd hex color

In a RGB color space, hex #f354fd is composed of 95.3% red, 32.9% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 4% cyan, 66.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 296.4 degrees, a saturation of 97.7% and a lightness of 66.1%. #f354fd color hex could be obtained by blending #ffa8ff with #e700fb. Closest websafe color is: #ff66ff.

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

● #f354fd color description : Soft magenta.

The hexadecimal color #f354fd has RGB values of R:243, G:84, B:253 and CMYK values of C:0.04, M:0.67, Y:0, K:0.01. Its decimal value is 15947005.

Hex triplet	f354fd	`#f354fd`
RGB Decimal	243, 84, 253	`rgb(243,84,253)`
RGB Percent	95.3, 32.9, 99.2	`rgb(95.3%,32.9%,99.2%)`
CMYK	4, 67, 0, 1
HSL	296.4°, 97.7, 66.1	`hsl(296.4,97.7%,66.1%)`
HSV (or HSB)	296.4°, 66.8, 99.2
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	63.746, 80.025, -54.383
XYZ	57.861, 32.49, 96.147
xyY	0.31, 0.174, 32.49
CIE-LCH	63.746, 96.755, 325.801
CIE-LUV	63.746, 66.116, -97.435
Hunter-Lab	57, 81.443, -60.109
Binary	11110011, 01010100, 11111101

#f354fd
```
#f354fd rgb(243,84,253)
```
#5efd54
```
#5efd54 rgb(94,253,84)
```

Complementary Color

#9f54fd
```
#9f54fd rgb(159,84,253)
```
#f354fd
```
#f354fd rgb(243,84,253)
```
#fd54b3
```
#fd54b3 rgb(253,84,179)
```

Analogous Color

#54fd9f
```
#54fd9f rgb(84,253,159)
```
#f354fd
```
#f354fd rgb(243,84,253)
```
#b3fd54
```
#b3fd54 rgb(179,253,84)
```

Split Complementary Color

#54fdf3
```
#54fdf3 rgb(84,253,243)
```
#f354fd
```
#f354fd rgb(243,84,253)
```
#fdf354
```
#fdf354 rgb(253,243,84)
```

Triadic Color

#545efd
```
#545efd rgb(84,94,253)
```
#f354fd
```
#f354fd rgb(243,84,253)
```
#fdf354
```
#fdf354 rgb(253,243,84)
```
#5efd54
```
#5efd54 rgb(94,253,84)
```

Tetradic Color

#ee08fc
```
#ee08fc rgb(238,8,252)
```
#ef22fc
```
#ef22fc rgb(239,34,252)
```
#f13bfd
```
#f13bfd rgb(241,59,253)
```
#f354fd
```
#f354fd rgb(243,84,253)
```
#f56dfd
```
#f56dfd rgb(245,109,253)
```
#f786fe
```
#f786fe rgb(247,134,254)
```
#f8a0fe
```
#f8a0fe rgb(248,160,254)
```

Monochromatic Color

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

#c954fd
```
#c954fd rgb(201,84,253)
```
#d754fd
```
#d754fd rgb(215,84,253)
```
#e554fd
```
#e554fd rgb(229,84,253)
```
#f354fd
```
#f354fd rgb(243,84,253)
```
#fd54f9
```
#fd54f9 rgb(253,84,249)
```
#fd54eb
```
#fd54eb rgb(253,84,235)
```
#fd54dd
```
#fd54dd rgb(253,84,221)
```

Similar Colors

Text with hexadecimal color #f354fd

This text has a font color of #f354fd.

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

#f354fd background color

This paragraph has a background color of #f354fd.

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

#f354fd border color

This element has a border color of #f354fd.

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

CSS codes

.text {color:#f354fd;}

.background {background-color:#f354fd;}

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

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

#030003
```
#030003 rgb(3,0,3)
```
#160017
```
#160017 rgb(22,0,23)
```
#28002a
```
#28002a rgb(40,0,42)
```
#3a013e
```
#3a013e rgb(58,1,62)
```
#4c0151
```
#4c0151 rgb(76,1,81)
```
#5f0164
```
#5f0164 rgb(95,1,100)
```
#710178
```
#710178 rgb(113,1,120)
```
#83028b
```
#83028b rgb(131,2,139)
```
#95029f
```
#95029f rgb(149,2,159)
```
#a802b2
```
#a802b2 rgb(168,2,178)
```
#ba02c5
```
#ba02c5 rgb(186,2,197)
```
#cc03d9
```
#cc03d9 rgb(204,3,217)
```
#de03ec
```
#de03ec rgb(222,3,236)
```

Shade Color Variation

#ee06fc
```
#ee06fc rgb(238,6,252)
```
#ef1afc
```
#ef1afc rgb(239,26,252)
```
#f02dfd
```
#f02dfd rgb(240,45,253)
```
#f241fd
```
#f241fd rgb(242,65,253)
```
#f354fd
```
#f354fd rgb(243,84,253)
```
#f467fd
```
#f467fd rgb(244,103,253)
```
#f67bfd
```
#f67bfd rgb(246,123,253)
```
#f78efe
```
#f78efe rgb(247,142,254)
```
#f8a2fe
```
#f8a2fe rgb(248,162,254)
```
#fab5fe
```
#fab5fe rgb(250,181,254)
```
#fbc8fe
```
#fbc8fe rgb(251,200,254)
```
#fddcff
```
#fddcff rgb(253,220,255)
```
#feefff
```
#feefff rgb(254,239,255)
```

Tint Color Variation

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

#ada4ad
```
#ada4ad rgb(173,164,173)
```
#b29db4
```
#b29db4 rgb(178,157,180)
```
#b897ba
```
#b897ba rgb(184,151,186)
```
#be90c1
```
#be90c1 rgb(190,144,193)
```
#c489c8
```
#c489c8 rgb(196,137,200)
```
#ca83ce
```
#ca83ce rgb(202,131,206)
```
#d07cd5
```
#d07cd5 rgb(208,124,213)
```
#d675dc
```
#d675dc rgb(214,117,220)
```
#dc6fe2
```
#dc6fe2 rgb(220,111,226)
```
#e168e9
```
#e168e9 rgb(225,104,233)
```
#e761f0
```
#e761f0 rgb(231,97,240)
```
#ed5bf6
```
#ed5bf6 rgb(237,91,246)
```
#f354fd
```
#f354fd rgb(243,84,253)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#a98aab Atypical Achromatopsia 0.001% of the population

Dichromacy

#709cff Protanopia 1% of men
#779fea Deuteranopia 1% of men
#e4838b Tritanopia 0.001% of the population

Trichromacy

#a082fe Protanomaly 1% of men, 0.01% of women
#a483f1 Deuteranomaly 6% of men, 0.4% of women
#e972b4 Tritanomaly 0.01% of the population

#f354fd hex color

#f354fd Color Information

#f354fd Color Conversion

Color Schemes with #f354fd

Alternatives to #f354fd

#f354fd Preview

Shades and Tints of #f354fd

Tones of #f354fd

Color Blindness Simulator