#fd4948 hex color

In a RGB color space, hex #fd4948 is composed of 99.2% red, 28.6% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.1% magenta, 71.5% yellow and 0.8% black. It has a hue angle of 0.3 degrees, a saturation of 97.8% and a lightness of 63.7%. #fd4948 color hex could be obtained by blending #ff9290 with #fb0000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 99
- G 29
- B 28
RGB color chart
- C 0
- M 71
- Y 72
- K 1
CMYK color chart

● #fd4948 color description : Bright red.

The hexadecimal color #fd4948 has RGB values of R:253, G:73, B:72 and CMYK values of C:0, M:0.71, Y:0.72, K:0.01. Its decimal value is 16599368.

Hex triplet	fd4948	`#fd4948`
RGB Decimal	253, 73, 72	`rgb(253,73,72)`
RGB Percent	99.2, 28.6, 28.2	`rgb(99.2%,28.6%,28.2%)`
CMYK	0, 71, 72, 1
HSL	0.3°, 97.8, 63.7	`hsl(0.3,97.8%,63.7%)`
HSV (or HSB)	0.3°, 71.5, 99.2
Web Safe	ff3333	`#ff3333`

CIE-LAB	58.151, 67.353, 41.206
XYZ	44.062, 26.121, 8.852
xyY	0.558, 0.33, 26.121
CIE-LCH	58.151, 78.958, 31.457
CIE-LUV	58.151, 138.567, 30.266
Hunter-Lab	51.108, 64.451, 25.507
Binary	11111101, 01001001, 01001000

#fd4948
```
#fd4948 rgb(253,73,72)
```
#48fcfd
```
#48fcfd rgb(72,252,253)
```

Complementary Color

#fd48a2
```
#fd48a2 rgb(253,72,162)
```
#fd4948
```
#fd4948 rgb(253,73,72)
```
#fda448
```
#fda448 rgb(253,164,72)
```

Analogous Color

#48a2fd
```
#48a2fd rgb(72,162,253)
```
#fd4948
```
#fd4948 rgb(253,73,72)
```
#48fda4
```
#48fda4 rgb(72,253,164)
```

Split Complementary Color

#4948fd
```
#4948fd rgb(73,72,253)
```
#fd4948
```
#fd4948 rgb(253,73,72)
```
#48fd49
```
#48fd49 rgb(72,253,73)
```

Triadic Color

#fd48fc
```
#fd48fc rgb(253,72,252)
```
#fd4948
```
#fd4948 rgb(253,73,72)
```
#48fd49
```
#48fd49 rgb(72,253,73)
```
#48fcfd
```
#48fcfd rgb(72,252,253)
```

Tetradic Color

#f60403
```
#f60403 rgb(246,4,3)
```
#fc1716
```
#fc1716 rgb(252,23,22)
```
#fd302f
```
#fd302f rgb(253,48,47)
```
#fd4948
```
#fd4948 rgb(253,73,72)
```
#fd6261
```
#fd6261 rgb(253,98,97)
```
#fe7b7a
```
#fe7b7a rgb(254,123,122)
```
#fe9494
```
#fe9494 rgb(254,148,148)
```

Monochromatic Color

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

#fd4874
```
#fd4874 rgb(253,72,116)
```
#fd4865
```
#fd4865 rgb(253,72,101)
```
#fd4856
```
#fd4856 rgb(253,72,86)
```
#fd4948
```
#fd4948 rgb(253,73,72)
```
#fd5848
```
#fd5848 rgb(253,88,72)
```
#fd6748
```
#fd6748 rgb(253,103,72)
```
#fd7648
```
#fd7648 rgb(253,118,72)
```

Similar Colors

Text with hexadecimal color #fd4948

This text has a font color of #fd4948.

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

#fd4948 background color

This paragraph has a background color of #fd4948.

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

#fd4948 border color

This element has a border color of #fd4948.

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

CSS codes

.text {color:#fd4948;}

.background {background-color:#fd4948;}

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

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

#0b0000
```
#0b0000 rgb(11,0,0)
```
#1e0000
```
#1e0000 rgb(30,0,0)
```
#320101
```
#320101 rgb(50,1,1)
```
#450101
```
#450101 rgb(69,1,1)
```
#590101
```
#590101 rgb(89,1,1)
```
#6c0201
```
#6c0201 rgb(108,2,1)
```
#7f0201
```
#7f0201 rgb(127,2,1)
```
#930202
```
#930202 rgb(147,2,2)
```
#a60302
```
#a60302 rgb(166,3,2)
```
#ba0302
```
#ba0302 rgb(186,3,2)
```
#cd0302
```
#cd0302 rgb(205,3,2)
```
#e00402
```
#e00402 rgb(224,4,2)
```
#f40403
```
#f40403 rgb(244,4,3)
```

Shade Color Variation

#fc0f0e
```
#fc0f0e rgb(252,15,14)
```
#fd2221
```
#fd2221 rgb(253,34,33)
```
#fd3635
```
#fd3635 rgb(253,54,53)
```
#fd4948
```
#fd4948 rgb(253,73,72)
```
#fd5c5b
```
#fd5c5b rgb(253,92,91)
```
#fd706f
```
#fd706f rgb(253,112,111)
```
#fe8382
```
#fe8382 rgb(254,131,130)
```
#fe9696
```
#fe9696 rgb(254,150,150)
```
#fea9a9
```
#fea9a9 rgb(254,169,169)
```
#febdbc
```
#febdbc rgb(254,189,188)
```
#fed0d0
```
#fed0d0 rgb(254,208,208)
```
#ffe3e3
```
#ffe3e3 rgb(255,227,227)
```
#fff7f7
```
#fff7f7 rgb(255,247,247)
```

Tint Color Variation

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

#a89d9d
```
#a89d9d rgb(168,157,157)
```
#af9696
```
#af9696 rgb(175,150,150)
```
#b68f8f
```
#b68f8f rgb(182,143,143)
```
#bd8888
```
#bd8888 rgb(189,136,136)
```
#c48181
```
#c48181 rgb(196,129,129)
```
#cb7a7a
```
#cb7a7a rgb(203,122,122)
```
#d27373
```
#d27373 rgb(210,115,115)
```
#d96c6c
```
#d96c6c rgb(217,108,108)
```
#e16564
```
#e16564 rgb(225,101,100)
```
#e85e5d
```
#e85e5d rgb(232,94,93)
```
#ef5756
```
#ef5756 rgb(239,87,86)
```
#f6504f
```
#f6504f rgb(246,80,79)
```
#fd4948
```
#fd4948 rgb(253,73,72)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#987474 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d9165 Protanopia 1% of men
#b28b44 Deuteranopia 1% of men
#fd5155 Tritanopia 0.001% of the population

Trichromacy

#c0775a Protanomaly 1% of men, 0.01% of women
#cd7346 Deuteranomaly 6% of men, 0.4% of women
#fd4e50 Tritanomaly 0.01% of the population

#fd4948 hex color

#fd4948 Color Information

#fd4948 Color Conversion

Color Schemes with #fd4948

Alternatives to #fd4948

#fd4948 Preview

Shades and Tints of #fd4948

Tones of #fd4948

Color Blindness Simulator