#f7575d Color Information
In a RGB color space, hex #f7575d is composed of 96.9% red, 34.1% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.8% magenta, 62.3% yellow and 3.1% black. It has a hue angle of 357.8 degrees, a saturation of 90.9% and a lightness of 65.5%. #f7575d color hex could be obtained by blending #ffaeba with #ef0000. Closest websafe color is: #ff6666.
-
- R 97
- G 34
- B 36
-
- C 0
- M 65
- Y 62
- K 3
● #f7575d color description : Soft red.
#f7575d Color Conversion
The hexadecimal color #f7575d has RGB values of R:247, G:87, B:93 and CMYK values of C:0, M:0.65, Y:0.62, K:0.03. Its decimal value is 16209757.
| Hex triplet | f7575d | #f7575d |
|---|---|---|
| RGB Decimal | 247, 87, 93 | rgb(247,87,93) |
| RGB Percent | 96.9, 34.1, 36.5 | rgb(96.9%,34.1%,36.5%) |
| CMYK | 0, 65, 62, 3 | |
| HSL | 357.8°, 90.9, 65.5 | hsl(357.8,90.9%,65.5%) |
| HSV (or HSB) | 357.8°, 64.8, 96.9 | |
| Web Safe | ff6666 | #ff6666 |
| CIE-LAB | 59.329, 61.34, 30.55 |
|---|---|
| XYZ | 43.743, 27.386, 13.338 |
| xyY | 0.518, 0.324, 27.386 |
| CIE-LCH | 59.329, 68.527, 26.476 |
| CIE-LUV | 59.329, 120.298, 23.174 |
| Hunter-Lab | 52.331, 57.628, 21.52 |
| Binary | 11110111, 01010111, 01011101 |
Color Schemes with #f7575d
Alternatives to #f7575d
Below, you can see some colors close to #f7575d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f7575d Preview
This text has a font color of #f7575d.
<span style="color:#f7575d;">Text here</span>
This paragraph has a background color of #f7575d.
<p style="background-color:#f7575d;">Content here</p>
This element has a border color of #f7575d.
<div style="border:1px solid #f7575d;">Content here</div>
.text {color:#f7575d;}
.background {background-color:#f7575d;}
.border {border:1px solid #f7575d;}
Shades and Tints of #f7575d
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, #010000 is the darkest color, while #feeded is the lightest one.
-
#010000
#010000rgb(1,0,0) -
#130102
#130102rgb(19,1,2) -
#260203
#260203rgb(38,2,3) -
#390305
#390305rgb(57,3,5) -
#4b0406
#4b0406rgb(75,4,6) -
#5e0408
#5e0408rgb(94,4,8) -
#710509
#710509rgb(113,5,9) -
#84060b
#84060brgb(132,6,11) -
#96070d
#96070drgb(150,7,13) -
#a9080e
#a9080ergb(169,8,14) -
#bc0910
#bc0910rgb(188,9,16) -
#ce0a11
#ce0a11rgb(206,10,17) -
#e10b13
#e10b13rgb(225,11,19)
-
#f30c15
#f30c15rgb(243,12,21) -
#f41f27
#f41f27rgb(244,31,39) -
#f53239
#f53239rgb(245,50,57) -
#f6444b
#f6444brgb(246,68,75) -
#f7575d
#f7575drgb(247,87,93) -
#f86a6f
#f86a6frgb(248,106,111) -
#f97c81
#f97c81rgb(249,124,129) -
#fa8f93
#fa8f93rgb(250,143,147) -
#fba2a5
#fba2a5rgb(251,162,165) -
#fbb5b7
#fbb5b7rgb(251,181,183) -
#fcc7c9
#fcc7c9rgb(252,199,201) -
#fddadb
#fddadbrgb(253,218,219) -
#feeded
#feededrgb(254,237,237)
Tones of #f7575d
A tone is produced by adding gray to any pure hue. In this case, #ada1a2 is the less saturated color, while #fe5057 is the most saturated one.
-
#ada1a2
#ada1a2rgb(173,161,162) -
#b39b9c
#b39b9crgb(179,155,156) -
#ba9495
#ba9495rgb(186,148,149) -
#c18d8f
#c18d8frgb(193,141,143) -
#c88689
#c88689rgb(200,134,137) -
#ce8083
#ce8083rgb(206,128,131) -
#d5797c
#d5797crgb(213,121,124) -
#dc7276
#dc7276rgb(220,114,118) -
#e36b70
#e36b70rgb(227,107,112) -
#e9656a
#e9656argb(233,101,106) -
#f05e63
#f05e63rgb(240,94,99) -
#f7575d
#f7575drgb(247,87,93) -
#fe5057
#fe5057rgb(254,80,87)
Color Blindness Simulator
Below, you can see how #f7575d 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.
