#fd3948
Hex Color CodeThe hexadecimal color code #fd3948
is a medium light shade of pink-red. In the RGB color model #fd3948
is comprised of 99.22% red, 22.35% green and 28.24% blue. In the HSL color space #fd3948
has a hue of 355.41 degrees, 98% saturation and 60.78% lightness. This color has an approximate wavelength of 396 nm.
#fd3948
Color InformationInverted
#02c6b7 25% Saturated
#ff3746 Grayscale
#9b9b9b
rgb(253, 57, 72)
rgba(253, 57, 72, 1.0)
red: 99.2157%, yellow: 22.3529%, blue: 28.2353%
#fd3948
16595272
-181944 / 0xfffd3948
hsl(355, 98%, 61%)
hsla(355, 98%, 61%, 1.0)
hue: 355 (355.4082), saturation: 77 (77.4704), value: 99 (99.2157)
X: 43.1408, Y: 24.2768, Z: 8.543
x: 0.5679, y: 0.3196, Y: 24.2768
L: 56.3639, a: 72.3423, b: 39.1443
L: 56.3639, u: 147.1044, v: 26.6372
L: 56.3639, C: 82.2538, H: 28.4177
L: 49.2715, a: 70.0649, b: 24.21
cyan: 0 (0), magenta: 77 (0.7747), yellow: 72 (0.7154), key: 1 (0.0078)
cyan: 1 (0.0078), magenta: 78 (0.7765), yellow: 72 (0.7176)
Y: 117.314, I: 111.9414, Q: 46.1124
Y: 117.314, U: -22.2969, V: 119.0399
Y: 117.314, Db: -68.205, Dr: -258.013
Y: 116.805, Cb: 105.577, Cr: 212.979
Y: 99.828, Pb: -15.04, Pr: 97.31
5R 6/18 (approximate)
#fd3948
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#fd3948
to White#fd3948
to Black#fd3948
foreground
<p style="color: #fd3948">#fd3948 foreground</p>
#fd3948
background
<p style="background-color: #fd3948; color: #fff">#fd3948 background</p>
#fd3948
border
<p style="border: #fd3948 3px solid">#fd3948 border</p>
#fd3948
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #fd3948, #fff); background: -webkit-radial-gradient(50% 50%, #fd3948, #fff); background: -o-radial-gradient(50% 50%, #fd3948, #fff); background: -ms-radial-gradient(50% 50%, #fd3948, #fff); background: radial-gradient(50% 50%, #fd3948, #fff); color: #fff">#fd3948 radial gradient</p>
#fd3948
linear gradient to complementary #39fced
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #fd3948, #39fced); background: -webkit-linear-gradient(top, #fd3948, #39fced); background: -o-linear-gradient(top, #fd3948, #39fced); background: -ms-linear-gradient(top, #fd3948, #39fced); background: linear-gradient(top, #fd3948, #39fced); color: #fff">
#fd3948
linear gradient to complementary #39fced
</p>
#fd3948
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #fd3948">#fd3948 text shadow</p>
The matching paint colors are listed in order of relevancy to the #fd3948
hex color code. Relevancy is determined by the average visual similarity of the top 4 related paints of each paint brand to the hex color #fd3948
.
Jump to paint brand: