#fd2314 hex color

In a RGB color space, hex #fd2314 is composed of 99.2% red, 13.7% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.2% magenta, 92.1% yellow and 0.8% black. It has a hue angle of 3.9 degrees, a saturation of 98.3% and a lightness of 53.5%. #fd2314 color hex could be obtained by blending #ff4628 with #fb0000. Closest websafe color is: #ff3300.

♥
- f
- t
- g
- R 99
- G 14
- B 8
RGB color chart
- C 0
- M 86
- Y 92
- K 1
CMYK color chart

● #fd2314 color description : Vivid red.

The hexadecimal color #fd2314 has RGB values of R:253, G:35, B:20 and CMYK values of C:0, M:0.86, Y:0.92, K:0.01. Its decimal value is 16589588.

Hex triplet	fd2314	`#fd2314`
RGB Decimal	253, 35, 20	`rgb(253,35,20)`
RGB Percent	99.2, 13.7, 7.8	`rgb(99.2%,13.7%,7.8%)`
CMYK	0, 86, 92, 1
HSL	3.9°, 98.3, 53.5	`hsl(3.9,98.3%,53.5%)`
HSV (or HSB)	3.9°, 92.1, 99.2
Web Safe	ff3300	`#ff3300`

CIE-LAB	54.176, 76.037, 62.213
XYZ	41.238, 22.141, 2.764
xyY	0.623, 0.335, 22.141
CIE-LCH	54.176, 98.245, 39.29
CIE-LUV	54.176, 165.068, 37.887
Hunter-Lab	47.054, 74.092, 29.455
Binary	11111101, 00100011, 00010100

#fd2314
```
#fd2314 rgb(253,35,20)
```
#14eefd
```
#14eefd rgb(20,238,253)
```

Complementary Color

#fd147a
```
#fd147a rgb(253,20,122)
```
#fd2314
```
#fd2314 rgb(253,35,20)
```
#fd9814
```
#fd9814 rgb(253,152,20)
```

Analogous Color

#147afd
```
#147afd rgb(20,122,253)
```
#fd2314
```
#fd2314 rgb(253,35,20)
```
#14fd98
```
#14fd98 rgb(20,253,152)
```

Split Complementary Color

#2314fd
```
#2314fd rgb(35,20,253)
```
#fd2314
```
#fd2314 rgb(253,35,20)
```
#14fd23
```
#14fd23 rgb(20,253,35)
```

Triadic Color

#fd14ee
```
#fd14ee rgb(253,20,238)
```
#fd2314
```
#fd2314 rgb(253,35,20)
```
#14fd23
```
#14fd23 rgb(20,253,35)
```
#14eefd
```
#14eefd rgb(20,238,253)
```

Tetradic Color

#c30e02
```
#c30e02 rgb(195,14,2)
```
#dc1002
```
#dc1002 rgb(220,16,2)
```
#f51202
```
#f51202 rgb(245,18,2)
```
#fd2314
```
#fd2314 rgb(253,35,20)
```
#fd3b2d
```
#fd3b2d rgb(253,59,45)
```
#fd5247
```
#fd5247 rgb(253,82,71)
```
#fe6a60
```
#fe6a60 rgb(254,106,96)
```

Monochromatic Color

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

#fd143f
```
#fd143f rgb(253,20,63)
```
#fd142c
```
#fd142c rgb(253,20,44)
```
#fd1418
```
#fd1418 rgb(253,20,24)
```
#fd2314
```
#fd2314 rgb(253,35,20)
```
#fd3614
```
#fd3614 rgb(253,54,20)
```
#fd4a14
```
#fd4a14 rgb(253,74,20)
```
#fd5d14
```
#fd5d14 rgb(253,93,20)
```

Similar Colors

Text with hexadecimal color #fd2314

This text has a font color of #fd2314.

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

#fd2314 background color

This paragraph has a background color of #fd2314.

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

#fd2314 border color

This element has a border color of #fd2314.

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

CSS codes

.text {color:#fd2314;}

.background {background-color:#fd2314;}

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

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, #120100 is the darkest color, while #fffefd is the lightest one.

#120100
```
#120100 rgb(18,1,0)
```
#250300
```
#250300 rgb(37,3,0)
```
#390400
```
#390400 rgb(57,4,0)
```
#4c0601
```
#4c0601 rgb(76,6,1)
```
#600701
```
#600701 rgb(96,7,1)
```
#730801
```
#730801 rgb(115,8,1)
```
#870a01
```
#870a01 rgb(135,10,1)
```
#9a0b01
```
#9a0b01 rgb(154,11,1)
```
#ad0d01
```
#ad0d01 rgb(173,13,1)
```
#c10e02
```
#c10e02 rgb(193,14,2)
```
#d40f02
```
#d40f02 rgb(212,15,2)
```
#e81102
```
#e81102 rgb(232,17,2)
```
#fb1202
```
#fb1202 rgb(251,18,2)
```

Shade Color Variation

#fd2314
```
#fd2314 rgb(253,35,20)
```
#fd3527
```
#fd3527 rgb(253,53,39)
```
#fd473b
```
#fd473b rgb(253,71,59)
```
#fd5a4e
```
#fd5a4e rgb(253,90,78)
```
#fe6c62
```
#fe6c62 rgb(254,108,98)
```
#fe7e75
```
#fe7e75 rgb(254,126,117)
```
#fe9089
```
#fe9089 rgb(254,144,137)
```
#fea29c
```
#fea29c rgb(254,162,156)
```
#feb5b0
```
#feb5b0 rgb(254,181,176)
```
#fec7c3
```
#fec7c3 rgb(254,199,195)
```
#ffd9d6
```
#ffd9d6 rgb(255,217,214)
```
#ffebea
```
#ffebea rgb(255,235,234)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#908281
```
#908281 rgb(144,130,129)
```
#997a78
```
#997a78 rgb(153,122,120)
```
#a2726f
```
#a2726f rgb(162,114,111)
```
#ab6a66
```
#ab6a66 rgb(171,106,102)
```
#b4635d
```
#b4635d rgb(180,99,93)
```
#bd5b54
```
#bd5b54 rgb(189,91,84)
```
#c6534b
```
#c6534b rgb(198,83,75)
```
#cf4b42
```
#cf4b42 rgb(207,75,66)
```
#d94338
```
#d94338 rgb(217,67,56)
```
#e23b2f
```
#e23b2f rgb(226,59,47)
```
#eb3326
```
#eb3326 rgb(235,51,38)
```
#f42b1d
```
#f42b1d rgb(244,43,29)
```
#fd2314
```
#fd2314 rgb(253,35,20)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#815552 Atypical Achromatopsia 0.001% of the population

Dichromacy

#978832 Protanopia 1% of men
#aa8100 Deuteranopia 1% of men
#fd2d2a Tritanopia 0.001% of the population

Trichromacy

#bc6327 Protanomaly 1% of men, 0.01% of women
#c85f07 Deuteranomaly 6% of men, 0.4% of women
#fd2922 Tritanomaly 0.01% of the population

#fd2314 hex color

#fd2314 Color Information

#fd2314 Color Conversion

Color Schemes with #fd2314

Alternatives to #fd2314

#fd2314 Preview

Shades and Tints of #fd2314

Tones of #fd2314

Color Blindness Simulator