#f95f4d hex color

In a RGB color space, hex #f95f4d is composed of 97.6% red, 37.3% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.8% magenta, 69.1% yellow and 2.4% black. It has a hue angle of 6.3 degrees, a saturation of 93.5% and a lightness of 63.9%. #f95f4d color hex could be obtained by blending #ffbe9a with #f30000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 98
- G 37
- B 30
RGB color chart
- C 0
- M 62
- Y 69
- K 2
CMYK color chart

● #f95f4d color description : Soft red.

The hexadecimal color #f95f4d has RGB values of R:249, G:95, B:77 and CMYK values of C:0, M:0.62, Y:0.69, K:0.02. Its decimal value is 16342861.

Hex triplet	f95f4d	`#f95f4d`
RGB Decimal	249, 95, 77	`rgb(249,95,77)`
RGB Percent	97.6, 37.3, 30.2	`rgb(97.6%,37.3%,30.2%)`
CMYK	0, 62, 69, 2
HSL	6.3°, 93.5, 63.9	`hsl(6.3,93.5%,63.9%)`
HSV (or HSB)	6.3°, 69.1, 97.6
Web Safe	ff6666	`#ff6666`

CIE-LAB	60.662, 57.811, 41.198
XYZ	44.5, 28.865, 10.249
xyY	0.532, 0.345, 28.865
CIE-LCH	60.662, 70.988, 35.475
CIE-LUV	60.662, 120.189, 33.774
Hunter-Lab	53.726, 53.829, 26.298
Binary	11111001, 01011111, 01001101

#f95f4d
```
#f95f4d rgb(249,95,77)
```
#4de7f9
```
#4de7f9 rgb(77,231,249)
```

Complementary Color

#f94d91
```
#f94d91 rgb(249,77,145)
```
#f95f4d
```
#f95f4d rgb(249,95,77)
```
#f9b54d
```
#f9b54d rgb(249,181,77)
```

Analogous Color

#4d91f9
```
#4d91f9 rgb(77,145,249)
```
#f95f4d
```
#f95f4d rgb(249,95,77)
```
#4df9b5
```
#4df9b5 rgb(77,249,181)
```

Split Complementary Color

#5f4df9
```
#5f4df9 rgb(95,77,249)
```
#f95f4d
```
#f95f4d rgb(249,95,77)
```
#4df95f
```
#4df95f rgb(77,249,95)
```

Triadic Color

#f94de7
```
#f94de7 rgb(249,77,231)
```
#f95f4d
```
#f95f4d rgb(249,95,77)
```
#4df95f
```
#4df95f rgb(77,249,95)
```
#4de7f9
```
#4de7f9 rgb(77,231,249)
```

Tetradic Color

#f12108
```
#f12108 rgb(241,33,8)
```
#f7331c
```
#f7331c rgb(247,51,28)
```
#f84934
```
#f84934 rgb(248,73,52)
```
#f95f4d
```
#f95f4d rgb(249,95,77)
```
#fa7566
```
#fa7566 rgb(250,117,102)
```
#fb8b7e
```
#fb8b7e rgb(251,139,126)
```
#fba297
```
#fba297 rgb(251,162,151)
```

Monochromatic Color

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

#f94d66
```
#f94d66 rgb(249,77,102)
```
#f94d58
```
#f94d58 rgb(249,77,88)
```
#f9514d
```
#f9514d rgb(249,81,77)
```
#f95f4d
```
#f95f4d rgb(249,95,77)
```
#f96d4d
```
#f96d4d rgb(249,109,77)
```
#f97c4d
```
#f97c4d rgb(249,124,77)
```
#f98a4d
```
#f98a4d rgb(249,138,77)
```

Similar Colors

Text with hexadecimal color #f95f4d

This text has a font color of #f95f4d.

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

#f95f4d background color

This paragraph has a background color of #f95f4d.

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

#f95f4d border color

This element has a border color of #f95f4d.

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

CSS codes

.text {color:#f95f4d;}

.background {background-color:#f95f4d;}

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

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

#0c0200
```
#0c0200 rgb(12,2,0)
```
#1f0401
```
#1f0401 rgb(31,4,1)
```
#320702
```
#320702 rgb(50,7,2)
```
#450902
```
#450902 rgb(69,9,2)
```
#580c03
```
#580c03 rgb(88,12,3)
```
#6b0e04
```
#6b0e04 rgb(107,14,4)
```
#7e1104
```
#7e1104 rgb(126,17,4)
```
#911305
```
#911305 rgb(145,19,5)
```
#a41606
```
#a41606 rgb(164,22,6)
```
#b71906
```
#b71906 rgb(183,25,6)
```
#ca1b07
```
#ca1b07 rgb(202,27,7)
```
#dc1e07
```
#dc1e07 rgb(220,30,7)
```
#ef2008
```
#ef2008 rgb(239,32,8)
```

Shade Color Variation

#f72c14
```
#f72c14 rgb(247,44,20)
```
#f83d27
```
#f83d27 rgb(248,61,39)
```
#f84e3a
```
#f84e3a rgb(248,78,58)
```
#f95f4d
```
#f95f4d rgb(249,95,77)
```
#fa7060
```
#fa7060 rgb(250,112,96)
```
#fa8173
```
#fa8173 rgb(250,129,115)
```
#fb9286
```
#fb9286 rgb(251,146,134)
```
#fca399
```
#fca399 rgb(252,163,153)
```
#fcb4ac
```
#fcb4ac rgb(252,180,172)
```
#fdc5bf
```
#fdc5bf rgb(253,197,191)
```
#fdd6d2
```
#fdd6d2 rgb(253,214,210)
```
#fee7e5
```
#fee7e5 rgb(254,231,229)
```
#fff9f8
```
#fff9f8 rgb(255,249,248)
```

Tint Color Variation

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

#a4a2a2
```
#a4a2a2 rgb(164,162,162)
```
#ab9d9b
```
#ab9d9b rgb(171,157,155)
```
#b29794
```
#b29794 rgb(178,151,148)
```
#b9918d
```
#b9918d rgb(185,145,141)
```
#c08c86
```
#c08c86 rgb(192,140,134)
```
#c7867f
```
#c7867f rgb(199,134,127)
```
#cf8177
```
#cf8177 rgb(207,129,119)
```
#d67b70
```
#d67b70 rgb(214,123,112)
```
#dd7569
```
#dd7569 rgb(221,117,105)
```
#e47062
```
#e47062 rgb(228,112,98)
```
#eb6a5b
```
#eb6a5b rgb(235,106,91)
```
#f26554
```
#f26554 rgb(242,101,84)
```
#f95f4d
```
#f95f4d rgb(249,95,77)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#a1827f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49766 Protanopia 1% of men
#b9914c Deuteranopia 1% of men
#fa646a Tritanopia 0.001% of the population

Trichromacy

#c3835d Protanomaly 1% of men, 0.01% of women
#d07e4c Deuteranomaly 6% of men, 0.4% of women
#f9625f Tritanomaly 0.01% of the population

#f95f4d hex color

#f95f4d Color Information

#f95f4d Color Conversion

Color Schemes with #f95f4d

Alternatives to #f95f4d

#f95f4d Preview

Shades and Tints of #f95f4d

Tones of #f95f4d

Color Blindness Simulator