#fd063f hex color

In a RGB color space, hex #fd063f is composed of 99.2% red, 2.4% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 97.6% magenta, 75.1% yellow and 0.8% black. It has a hue angle of 346.2 degrees, a saturation of 98.4% and a lightness of 50.8%. #fd063f color hex could be obtained by blending #ff0c7e with #fb0000. Closest websafe color is: #ff0033.

♥
- f
- t
- g
- R 99
- G 2
- B 25
RGB color chart
- C 0
- M 98
- Y 75
- K 1
CMYK color chart

● #fd063f color description : Vivid red.

The hexadecimal color #fd063f has RGB values of R:253, G:6, B:63 and CMYK values of C:0, M:0.98, Y:0.75, K:0.01. Its decimal value is 16582207.

Hex triplet	fd063f	`#fd063f`
RGB Decimal	253, 6, 63	`rgb(253,6,63)`
RGB Percent	99.2, 2.4, 24.7	`rgb(99.2%,2.4%,24.7%)`
CMYK	0, 98, 75, 1
HSL	346.2°, 98.4, 50.8	`hsl(346.2,98.4%,50.8%)`
HSV (or HSB)	346.2°, 97.6, 99.2
Web Safe	ff0033	`#ff0033`

CIE-LAB	53.36, 80.272, 40.844
XYZ	41.473, 21.377, 6.645
xyY	0.597, 0.308, 21.377
CIE-LCH	53.36, 90.066, 26.968
CIE-LUV	53.36, 163.953, 24.437
Hunter-Lab	46.235, 79.2, 23.844
Binary	11111101, 00000110, 00111111

#fd063f
```
#fd063f rgb(253,6,63)
```
#06fdc4
```
#06fdc4 rgb(6,253,196)
```

Complementary Color

#fd06bb
```
#fd06bb rgb(253,6,187)
```
#fd063f
```
#fd063f rgb(253,6,63)
```
#fd4906
```
#fd4906 rgb(253,73,6)
```

Analogous Color

#06bbfd
```
#06bbfd rgb(6,187,253)
```
#fd063f
```
#fd063f rgb(253,6,63)
```
#06fd49
```
#06fd49 rgb(6,253,73)
```

Split Complementary Color

#063ffd
```
#063ffd rgb(6,63,253)
```
#fd063f
```
#fd063f rgb(253,6,63)
```
#3ffd06
```
#3ffd06 rgb(63,253,6)
```

Triadic Color

#c406fd
```
#c406fd rgb(196,6,253)
```
#fd063f
```
#fd063f rgb(253,6,63)
```
#3ffd06
```
#3ffd06 rgb(63,253,6)
```
#06fdc4
```
#06fdc4 rgb(6,253,196)
```

Tetradic Color

#b5012b
```
#b5012b rgb(181,1,43)
```
#ce0231
```
#ce0231 rgb(206,2,49)
```
#e80237
```
#e80237 rgb(232,2,55)
```
#fd063f
```
#fd063f rgb(253,6,63)
```
#fd1f53
```
#fd1f53 rgb(253,31,83)
```
#fd3966
```
#fd3966 rgb(253,57,102)
```
#fe527a
```
#fe527a rgb(254,82,122)
```

Monochromatic Color

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

#fd067d
```
#fd067d rgb(253,6,125)
```
#fd0668
```
#fd0668 rgb(253,6,104)
```
#fd0654
```
#fd0654 rgb(253,6,84)
```
#fd063f
```
#fd063f rgb(253,6,63)
```
#fd062a
```
#fd062a rgb(253,6,42)
```
#fd0616
```
#fd0616 rgb(253,6,22)
```
#fd0b06
```
#fd0b06 rgb(253,11,6)
```

Similar Colors

Text with hexadecimal color #fd063f

This text has a font color of #fd063f.

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

#fd063f background color

This paragraph has a background color of #fd063f.

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

#fd063f border color

This element has a border color of #fd063f.

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

CSS codes

.text {color:#fd063f;}

.background {background-color:#fd063f;}

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

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

#040001
```
#040001 rgb(4,0,1)
```
#170006
```
#170006 rgb(23,0,6)
```
#2b000a
```
#2b000a rgb(43,0,10)
```
#3e010f
```
#3e010f rgb(62,1,15)
```
#520113
```
#520113 rgb(82,1,19)
```
#650118
```
#650118 rgb(101,1,24)
```
#79011d
```
#79011d rgb(121,1,29)
```
#8c0121
```
#8c0121 rgb(140,1,33)
```
#a00126
```
#a00126 rgb(160,1,38)
```
#b3012a
```
#b3012a rgb(179,1,42)
```
#c7022f
```
#c7022f rgb(199,2,47)
```
#da0234
```
#da0234 rgb(218,2,52)
```
#ed0238
```
#ed0238 rgb(237,2,56)
```

Shade Color Variation

#fd063f
```
#fd063f rgb(253,6,63)
```
#fd194e
```
#fd194e rgb(253,25,78)
```
#fd2d5d
```
#fd2d5d rgb(253,45,93)
```
#fd406c
```
#fd406c rgb(253,64,108)
```
#fe547b
```
#fe547b rgb(254,84,123)
```
#fe678a
```
#fe678a rgb(254,103,138)
```
#fe7b99
```
#fe7b99 rgb(254,123,153)
```
#fe8ea8
```
#fe8ea8 rgb(254,142,168)
```
#fea2b7
```
#fea2b7 rgb(254,162,183)
```
#feb5c6
```
#feb5c6 rgb(254,181,198)
```
#ffc9d5
```
#ffc9d5 rgb(255,201,213)
```
#ffdce4
```
#ffdce4 rgb(255,220,228)
```
#fff0f3
```
#fff0f3 rgb(255,240,243)
```

Tint Color Variation

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

#897a7d
```
#897a7d rgb(137,122,125)
```
#937078
```
#937078 rgb(147,112,120)
```
#9c6773
```
#9c6773 rgb(156,103,115)
```
#a65d6e
```
#a65d6e rgb(166,93,110)
```
#b05369
```
#b05369 rgb(176,83,105)
```
#b94a63
```
#b94a63 rgb(185,74,99)
```
#c3405e
```
#c3405e rgb(195,64,94)
```
#cd3659
```
#cd3659 rgb(205,54,89)
```
#d62d54
```
#d62d54 rgb(214,45,84)
```
#e0234f
```
#e0234f rgb(224,35,79)
```
#ea1949
```
#ea1949 rgb(234,25,73)
```
#f31044
```
#f31044 rgb(243,16,68)
```
#fd063f
```
#fd063f rgb(253,6,63)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#774651 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8564 Protanopia 1% of men
#a57f38 Deuteranopia 1% of men
#fc231c Tritanopia 0.001% of the population

Trichromacy

#b75757 Protanomaly 1% of men, 0.01% of women
#c5533a Deuteranomaly 6% of men, 0.4% of women
#fc1828 Tritanomaly 0.01% of the population

#fd063f hex color

#fd063f Color Information

#fd063f Color Conversion

Color Schemes with #fd063f

Alternatives to #fd063f

#fd063f Preview

Shades and Tints of #fd063f

Tones of #fd063f

Color Blindness Simulator