#f331d5 hex color

In a RGB color space, hex #f331d5 is composed of 95.3% red, 19.2% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.8% magenta, 12.3% yellow and 4.7% black. It has a hue angle of 309.3 degrees, a saturation of 89% and a lightness of 57.3%. #f331d5 color hex could be obtained by blending #ff62ff with #e700ab. Closest websafe color is: #ff33cc.

♥
- f
- t
- g
- R 95
- G 19
- B 84
RGB color chart
- C 0
- M 80
- Y 12
- K 5
CMYK color chart

● #f331d5 color description : Bright magenta.

The hexadecimal color #f331d5 has RGB values of R:243, G:49, B:213 and CMYK values of C:0, M:0.8, Y:0.12, K:0.05. Its decimal value is 15938005.

Hex triplet	f331d5	`#f331d5`
RGB Decimal	243, 49, 213	`rgb(243,49,213)`
RGB Percent	95.3, 19.2, 83.5	`rgb(95.3%,19.2%,83.5%)`
CMYK	0, 80, 12, 5
HSL	309.3°, 89, 57.3	`hsl(309.3,89%,57.3%)`
HSV (or HSB)	309.3°, 79.8, 95.3
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	58.093, 84.449, -40.948
XYZ	50.07, 26.059, 65.34
xyY	0.354, 0.184, 26.059
CIE-LCH	58.093, 93.853, 334.132
CIE-LUV	58.093, 88.045, -75.627
Hunter-Lab	51.048, 85.746, -40.155
Binary	11110011, 00110001, 11010101

#f331d5
```
#f331d5 rgb(243,49,213)
```
#31f34f
```
#31f34f rgb(49,243,79)
```

Complementary Color

#b031f3
```
#b031f3 rgb(176,49,243)
```
#f331d5
```
#f331d5 rgb(243,49,213)
```
#f33174
```
#f33174 rgb(243,49,116)
```

Analogous Color

#31f3b0
```
#31f3b0 rgb(49,243,176)
```
#f331d5
```
#f331d5 rgb(243,49,213)
```
#74f331
```
#74f331 rgb(116,243,49)
```

Split Complementary Color

#31d5f3
```
#31d5f3 rgb(49,213,243)
```
#f331d5
```
#f331d5 rgb(243,49,213)
```
#d5f331
```
#d5f331 rgb(213,243,49)
```

Triadic Color

#4f31f3
```
#4f31f3 rgb(79,49,243)
```
#f331d5
```
#f331d5 rgb(243,49,213)
```
#d5f331
```
#d5f331 rgb(213,243,49)
```
#31f34f
```
#31f34f rgb(49,243,79)
```

Tetradic Color

#cc0cae
```
#cc0cae rgb(204,12,174)
```
#e40dc3
```
#e40dc3 rgb(228,13,195)
```
#f219d0
```
#f219d0 rgb(242,25,208)
```
#f331d5
```
#f331d5 rgb(243,49,213)
```
#f449da
```
#f449da rgb(244,73,218)
```
#f661df
```
#f661df rgb(246,97,223)
```
#f779e4
```
#f779e4 rgb(247,121,228)
```

Monochromatic Color

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

#e131f3
```
#e131f3 rgb(225,49,243)
```
#f131f3
```
#f131f3 rgb(241,49,243)
```
#f331e5
```
#f331e5 rgb(243,49,229)
```
#f331d5
```
#f331d5 rgb(243,49,213)
```
#f331c5
```
#f331c5 rgb(243,49,197)
```
#f331b5
```
#f331b5 rgb(243,49,181)
```
#f331a5
```
#f331a5 rgb(243,49,165)
```

Similar Colors

Text with hexadecimal color #f331d5

This text has a font color of #f331d5.

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

#f331d5 background color

This paragraph has a background color of #f331d5.

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

#f331d5 border color

This element has a border color of #f331d5.

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

CSS codes

.text {color:#f331d5;}

.background {background-color:#f331d5;}

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

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, #10010e is the darkest color, while #fffdff is the lightest one.

#10010e
```
#10010e rgb(16,1,14)
```
#23021e
```
#23021e rgb(35,2,30)
```
#35032e
```
#35032e rgb(53,3,46)
```
#48043e
```
#48043e rgb(72,4,62)
```
#5b054d
```
#5b054d rgb(91,5,77)
```
#6d065d
```
#6d065d rgb(109,6,93)
```
#80076d
```
#80076d rgb(128,7,109)
```
#92097d
```
#92097d rgb(146,9,125)
```
#a50a8d
```
#a50a8d rgb(165,10,141)
```
#b70b9d
```
#b70b9d rgb(183,11,157)
```
#ca0cac
```
#ca0cac rgb(202,12,172)
```
#dc0dbc
```
#dc0dbc rgb(220,13,188)
```
#ef0ecc
```
#ef0ecc rgb(239,14,204)
```

Shade Color Variation

#f21ed1
```
#f21ed1 rgb(242,30,209)
```
#f331d5
```
#f331d5 rgb(243,49,213)
```
#f444d9
```
#f444d9 rgb(244,68,217)
```
#f556dd
```
#f556dd rgb(245,86,221)
```
#f669e0
```
#f669e0 rgb(246,105,224)
```
#f77be4
```
#f77be4 rgb(247,123,228)
```
#f88ee8
```
#f88ee8 rgb(248,142,232)
```
#f9a0ec
```
#f9a0ec rgb(249,160,236)
```
#fbb3ef
```
#fbb3ef rgb(251,179,239)
```
#fcc5f3
```
#fcc5f3 rgb(252,197,243)
```
#fdd8f7
```
#fdd8f7 rgb(253,216,247)
```
#feeafb
```
#feeafb rgb(254,234,251)
```
#fffdff
```
#fffdff rgb(255,253,255)
```

Tint Color Variation

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

#978d95
```
#978d95 rgb(151,141,149)
```
#9f859b
```
#9f859b rgb(159,133,155)
```
#a87ca1
```
#a87ca1 rgb(168,124,161)
```
#b074a7
```
#b074a7 rgb(176,116,167)
```
#b86cac
```
#b86cac rgb(184,108,172)
```
#c163b2
```
#c163b2 rgb(193,99,178)
```
#c95bb8
```
#c95bb8 rgb(201,91,184)
```
#d153be
```
#d153be rgb(209,83,190)
```
#da4ac4
```
#da4ac4 rgb(218,74,196)
```
#e242c9
```
#e242c9 rgb(226,66,201)
```
#eb39cf
```
#eb39cf rgb(235,57,207)
```
#f331d5
```
#f331d5 rgb(243,49,213)
```
#fb29db
```
#fb29db rgb(251,41,219)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#956f8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f8eff Protanopia 1% of men
#7f90c4 Deuteranopia 1% of men
#e8666c Tritanopia 0.001% of the population

Trichromacy

#8a6cef Protanomaly 1% of men, 0.01% of women
#a96dca Deuteranomaly 6% of men, 0.4% of women
#ec5392 Tritanomaly 0.01% of the population

#f331d5 hex color

#f331d5 Color Information

#f331d5 Color Conversion

Color Schemes with #f331d5

Alternatives to #f331d5

#f331d5 Preview

Shades and Tints of #f331d5

Tones of #f331d5

Color Blindness Simulator