#f7525a hex color

In a RGB color space, hex #f7525a is composed of 96.9% red, 32.2% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.8% magenta, 63.6% yellow and 3.1% black. It has a hue angle of 357.1 degrees, a saturation of 91.2% and a lightness of 64.5%. #f7525a color hex could be obtained by blending #ffa4b4 with #ef0000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 97
- G 32
- B 35
RGB color chart
- C 0
- M 67
- Y 64
- K 3
CMYK color chart

● #f7525a color description : Soft red.

The hexadecimal color #f7525a has RGB values of R:247, G:82, B:90 and CMYK values of C:0, M:0.67, Y:0.64, K:0.03. Its decimal value is 16208474.

Hex triplet	f7525a	`#f7525a`
RGB Decimal	247, 82, 90	`rgb(247,82,90)`
RGB Percent	96.9, 32.2, 35.3	`rgb(96.9%,32.2%,35.3%)`
CMYK	0, 67, 64, 3
HSL	357.1°, 91.2, 64.5	`hsl(357.1,91.2%,64.5%)`
HSV (or HSB)	357.1°, 66.8, 96.9
Web Safe	ff6666	`#ff6666`

CIE-LAB	58.557, 63.131, 31.288
XYZ	43.222, 26.552, 12.521
xyY	0.525, 0.323, 26.552
CIE-LCH	58.557, 70.459, 26.364
CIE-LUV	58.557, 124.121, 23.205
Hunter-Lab	51.528, 59.552, 21.662
Binary	11110111, 01010010, 01011010

#f7525a
```
#f7525a rgb(247,82,90)
```
#52f7ef
```
#52f7ef rgb(82,247,239)
```

Complementary Color

#f752ad
```
#f752ad rgb(247,82,173)
```
#f7525a
```
#f7525a rgb(247,82,90)
```
#f79d52
```
#f79d52 rgb(247,157,82)
```

Analogous Color

#52adf7
```
#52adf7 rgb(82,173,247)
```
#f7525a
```
#f7525a rgb(247,82,90)
```
#52f79d
```
#52f79d rgb(82,247,157)
```

Split Complementary Color

#525af7
```
#525af7 rgb(82,90,247)
```
#f7525a
```
#f7525a rgb(247,82,90)
```
#5af752
```
#5af752 rgb(90,247,82)
```

Triadic Color

#ef52f7
```
#ef52f7 rgb(239,82,247)
```
#f7525a
```
#f7525a rgb(247,82,90)
```
#5af752
```
#5af752 rgb(90,247,82)
```
#52f7ef
```
#52f7ef rgb(82,247,239)
```

Tetradic Color

#f10b16
```
#f10b16 rgb(241,11,22)
```
#f5212c
```
#f5212c rgb(245,33,44)
```
#f63a43
```
#f63a43 rgb(246,58,67)
```
#f7525a
```
#f7525a rgb(247,82,90)
```
#f86a71
```
#f86a71 rgb(248,106,113)
```
#f98388
```
#f98388 rgb(249,131,136)
```
#fa9ba0
```
#fa9ba0 rgb(250,155,160)
```

Monochromatic Color

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

#f75283
```
#f75283 rgb(247,82,131)
```
#f75276
```
#f75276 rgb(247,82,118)
```
#f75268
```
#f75268 rgb(247,82,104)
```
#f7525a
```
#f7525a rgb(247,82,90)
```
#f75852
```
#f75852 rgb(247,88,82)
```
#f76652
```
#f76652 rgb(247,102,82)
```
#f77352
```
#f77352 rgb(247,115,82)
```

Similar Colors

Text with hexadecimal color #f7525a

This text has a font color of #f7525a.

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

#f7525a background color

This paragraph has a background color of #f7525a.

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

#f7525a border color

This element has a border color of #f7525a.

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

CSS codes

.text {color:#f7525a;}

.background {background-color:#f7525a;}

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

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

#0e0101
```
#0e0101 rgb(14,1,1)
```
#210203
```
#210203 rgb(33,2,3)
```
#340205
```
#340205 rgb(52,2,5)
```
#470307
```
#470307 rgb(71,3,7)
```
#590408
```
#590408 rgb(89,4,8)
```
#6c050a
```
#6c050a rgb(108,5,10)
```
#7f060c
```
#7f060c rgb(127,6,12)
```
#92070d
```
#92070d rgb(146,7,13)
```
#a4080f
```
#a4080f rgb(164,8,15)
```
#b70811
```
#b70811 rgb(183,8,17)
```
#ca0913
```
#ca0913 rgb(202,9,19)
```
#dd0a14
```
#dd0a14 rgb(221,10,20)
```
#ef0b16
```
#ef0b16 rgb(239,11,22)
```

Shade Color Variation

#f41a24
```
#f41a24 rgb(244,26,36)
```
#f52d36
```
#f52d36 rgb(245,45,54)
```
#f63f48
```
#f63f48 rgb(246,63,72)
```
#f7525a
```
#f7525a rgb(247,82,90)
```
#f8656c
```
#f8656c rgb(248,101,108)
```
#f9777e
```
#f9777e rgb(249,119,126)
```
#fa8a90
```
#fa8a90 rgb(250,138,144)
```
#fa9da2
```
#fa9da2 rgb(250,157,162)
```
#fbb0b3
```
#fbb0b3 rgb(251,176,179)
```
#fcc2c5
```
#fcc2c5 rgb(252,194,197)
```
#fdd5d7
```
#fdd5d7 rgb(253,213,215)
```
#fee8e9
```
#fee8e9 rgb(254,232,233)
```
#fffbfb
```
#fffbfb rgb(255,251,251)
```

Tint Color Variation

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

#aa9f9f
```
#aa9f9f rgb(170,159,159)
```
#b19899
```
#b19899 rgb(177,152,153)
```
#b89193
```
#b89193 rgb(184,145,147)
```
#bf8a8c
```
#bf8a8c rgb(191,138,140)
```
#c68386
```
#c68386 rgb(198,131,134)
```
#cd7c80
```
#cd7c80 rgb(205,124,128)
```
#d47579
```
#d47579 rgb(212,117,121)
```
#db6e73
```
#db6e73 rgb(219,110,115)
```
#e2676d
```
#e2676d rgb(226,103,109)
```
#e96067
```
#e96067 rgb(233,96,103)
```
#f05960
```
#f05960 rgb(240,89,96)
```
#f7525a
```
#f7525a rgb(247,82,90)
```
#fe4b54
```
#fe4b54 rgb(254,75,84)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#9b7a7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b9277 Protanopia 1% of men
#b18c57 Deuteranopia 1% of men
#f75b60 Tritanopia 0.001% of the population

Trichromacy

#bc7b6c Protanomaly 1% of men, 0.01% of women
#ca7758 Deuteranomaly 6% of men, 0.4% of women
#f7585d Tritanomaly 0.01% of the population

#f7525a hex color

#f7525a Color Information

#f7525a Color Conversion

Color Schemes with #f7525a

Alternatives to #f7525a

#f7525a Preview

Shades and Tints of #f7525a

Tones of #f7525a

Color Blindness Simulator