#f3525d hex color

In a RGB color space, hex #f3525d is composed of 95.3% red, 32.2% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.3% magenta, 61.7% yellow and 4.7% black. It has a hue angle of 355.9 degrees, a saturation of 87% and a lightness of 63.7%. #f3525d color hex could be obtained by blending #ffa4ba with #e70000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 95
- G 32
- B 36
RGB color chart
- C 0
- M 66
- Y 62
- K 5
CMYK color chart

● #f3525d color description : Soft red.

The hexadecimal color #f3525d has RGB values of R:243, G:82, B:93 and CMYK values of C:0, M:0.66, Y:0.62, K:0.05. Its decimal value is 15946333.

Hex triplet	f3525d	`#f3525d`
RGB Decimal	243, 82, 93	`rgb(243,82,93)`
RGB Percent	95.3, 32.2, 36.5	`rgb(95.3%,32.2%,36.5%)`
CMYK	0, 66, 62, 5
HSL	355.9°, 87, 63.7	`hsl(355.9,87%,63.7%)`
HSV (or HSB)	355.9°, 66.3, 95.3
Web Safe	ff6666	`#ff6666`

CIE-LAB	57.927, 62.057, 28.62
XYZ	41.957, 25.884, 13.142
xyY	0.518, 0.32, 25.884
CIE-LCH	57.927, 68.339, 24.759
CIE-LUV	57.927, 120.119, 20.853
Hunter-Lab	50.876, 58.172, 20.298
Binary	11110011, 01010010, 01011101

#f3525d
```
#f3525d rgb(243,82,93)
```
#52f3e8
```
#52f3e8 rgb(82,243,232)
```

Complementary Color

#f352ae
```
#f352ae rgb(243,82,174)
```
#f3525d
```
#f3525d rgb(243,82,93)
```
#f39852
```
#f39852 rgb(243,152,82)
```

Analogous Color

#52aef3
```
#52aef3 rgb(82,174,243)
```
#f3525d
```
#f3525d rgb(243,82,93)
```
#52f398
```
#52f398 rgb(82,243,152)
```

Split Complementary Color

#525df3
```
#525df3 rgb(82,93,243)
```
#f3525d
```
#f3525d rgb(243,82,93)
```
#5df352
```
#5df352 rgb(93,243,82)
```

Triadic Color

#e852f3
```
#e852f3 rgb(232,82,243)
```
#f3525d
```
#f3525d rgb(243,82,93)
```
#5df352
```
#5df352 rgb(93,243,82)
```
#52f3e8
```
#52f3e8 rgb(82,243,232)
```

Tetradic Color

#e8101f
```
#e8101f rgb(232,16,31)
```
#f02230
```
#f02230 rgb(240,34,48)
```
#f13a47
```
#f13a47 rgb(241,58,71)
```
#f3525d
```
#f3525d rgb(243,82,93)
```
#f56a73
```
#f56a73 rgb(245,106,115)
```
#f6828a
```
#f6828a rgb(246,130,138)
```
#f89aa0
```
#f89aa0 rgb(248,154,160)
```

Monochromatic Color

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

#f35285
```
#f35285 rgb(243,82,133)
```
#f35278
```
#f35278 rgb(243,82,120)
```
#f3526a
```
#f3526a rgb(243,82,106)
```
#f3525d
```
#f3525d rgb(243,82,93)
```
#f35452
```
#f35452 rgb(243,84,82)
```
#f36252
```
#f36252 rgb(243,98,82)
```
#f36f52
```
#f36f52 rgb(243,111,82)
```

Similar Colors

Text with hexadecimal color #f3525d

This text has a font color of #f3525d.

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

#f3525d background color

This paragraph has a background color of #f3525d.

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

#f3525d border color

This element has a border color of #f3525d.

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

CSS codes

.text {color:#f3525d;}

.background {background-color:#f3525d;}

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

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, #0a0101 is the darkest color, while #fef7f8 is the lightest one.

#0a0101
```
#0a0101 rgb(10,1,1)
```
#1d0204
```
#1d0204 rgb(29,2,4)
```
#2f0306
```
#2f0306 rgb(47,3,6)
```
#410509
```
#410509 rgb(65,5,9)
```
#54060b
```
#54060b rgb(84,6,11)
```
#66070e
```
#66070e rgb(102,7,14)
```
#780810
```
#780810 rgb(120,8,16)
```
#8b0a12
```
#8b0a12 rgb(139,10,18)
```
#9d0b15
```
#9d0b15 rgb(157,11,21)
```
#b00c17
```
#b00c17 rgb(176,12,23)
```
#c20d1a
```
#c20d1a rgb(194,13,26)
```
#d40f1c
```
#d40f1c rgb(212,15,28)
```
#e7101f
```
#e7101f rgb(231,16,31)
```

Shade Color Variation

#ef1b29
```
#ef1b29 rgb(239,27,41)
```
#f02d3b
```
#f02d3b rgb(240,45,59)
```
#f2404c
```
#f2404c rgb(242,64,76)
```
#f3525d
```
#f3525d rgb(243,82,93)
```
#f4646e
```
#f4646e rgb(244,100,110)
```
#f6777f
```
#f6777f rgb(246,119,127)
```
#f78991
```
#f78991 rgb(247,137,145)
```
#f89ba2
```
#f89ba2 rgb(248,155,162)
```
#f9aeb3
```
#f9aeb3 rgb(249,174,179)
```
#fbc0c4
```
#fbc0c4 rgb(251,192,196)
```
#fcd2d5
```
#fcd2d5 rgb(252,210,213)
```
#fde5e6
```
#fde5e6 rgb(253,229,230)
```
#fef7f8
```
#fef7f8 rgb(254,247,248)
```

Tint Color Variation

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

#a5a0a1
```
#a5a0a1 rgb(165,160,161)
```
#ac999a
```
#ac999a rgb(172,153,154)
```
#b39294
```
#b39294 rgb(179,146,148)
```
#ba8b8e
```
#ba8b8e rgb(186,139,142)
```
#c18488
```
#c18488 rgb(193,132,136)
```
#c87d82
```
#c87d82 rgb(200,125,130)
```
#cf767c
```
#cf767c rgb(207,118,124)
```
#d76e76
```
#d76e76 rgb(215,110,118)
```
#de676f
```
#de676f rgb(222,103,111)
```
#e56069
```
#e56069 rgb(229,96,105)
```
#ec5963
```
#ec5963 rgb(236,89,99)
```
#f3525d
```
#f3525d rgb(243,82,93)
```
#fa4b57
```
#fa4b57 rgb(250,75,87)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#99797b Atypical Achromatopsia 0.001% of the population

Dichromacy

#99907a Protanopia 1% of men
#ae8b5b Deuteranopia 1% of men
#f35b60 Tritanopia 0.001% of the population

Trichromacy

#b97a6f Protanomaly 1% of men, 0.01% of women
#c7765b Deuteranomaly 6% of men, 0.4% of women
#f3585f Tritanomaly 0.01% of the population

#f3525d hex color

#f3525d Color Information

#f3525d Color Conversion

Color Schemes with #f3525d

Alternatives to #f3525d

#f3525d Preview

Shades and Tints of #f3525d

Tones of #f3525d

Color Blindness Simulator