colorhexa.com

#fd0c2a hex color

In a RGB color space, hex #fd0c2a is composed of 99.2% red, 4.7% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 95.3% magenta, 83.4% yellow and 0.8% black. It has a hue angle of 352.5 degrees, a saturation of 98.4% and a lightness of 52%. #fd0c2a color hex could be obtained by blending #ff1854 with #fb0000. Closest websafe color is: #ff0033.

- R 99
- G 5
- B 16
RGB color chart
- C 0
- M 95
- Y 83
- K 1
CMYK color chart

● #fd0c2a color description : Vivid red.

The hexadecimal color #fd0c2a has RGB values of R:253, G:12, B:42 and CMYK values of C:0, M:0.95, Y:0.83, K:0.01. Its decimal value is 16583722.

Hex triplet	fd0c2a	`#fd0c2a`
RGB Decimal	253, 12, 42	`rgb(253,12,42)`
RGB Percent	99.2, 4.7, 16.5	`rgb(99.2%,4.7%,16.5%)`
CMYK	0, 95, 83, 1
HSL	352.5°, 98.4, 52	`hsl(352.5,98.4%,52%)`
HSV (or HSB)	352.5°, 95.3, 99.2
Web Safe	ff0033	`#ff0033`

CIE-LAB	53.296, 79.285, 52.205
XYZ	41.06, 21.318, 4.143
xyY	0.617, 0.32, 21.318
CIE-LCH	53.296, 94.929, 33.363
CIE-LUV	53.296, 167.786, 31.651
Hunter-Lab	46.172, 77.937, 27
Binary	11111101, 00001100, 00101010

#fd0c2a
```
#fd0c2a rgb(253,12,42)
```
#0cfddf
```
#0cfddf rgb(12,253,223)
```

Complementary Color

#fd0ca3
```
#fd0ca3 rgb(253,12,163)
```
#fd0c2a
```
#fd0c2a rgb(253,12,42)
```
#fd670c
```
#fd670c rgb(253,103,12)
```

Analogous Color

#0ca3fd
```
#0ca3fd rgb(12,163,253)
```
#fd0c2a
```
#fd0c2a rgb(253,12,42)
```
#0cfd67
```
#0cfd67 rgb(12,253,103)
```

Split Complementary Color

#0c2afd
```
#0c2afd rgb(12,42,253)
```
#fd0c2a
```
#fd0c2a rgb(253,12,42)
```
#2afd0c
```
#2afd0c rgb(42,253,12)
```

Triadic Color

#df0cfd
```
#df0cfd rgb(223,12,253)
```
#fd0c2a
```
#fd0c2a rgb(253,12,42)
```
#2afd0c
```
#2afd0c rgb(42,253,12)
```
#0cfddf
```
#0cfddf rgb(12,253,223)
```

Tetradic Color

#bb0219
```
#bb0219 rgb(187,2,25)
```
#d4021c
```
#d4021c rgb(212,2,28)
```
#ee021f
```
#ee021f rgb(238,2,31)
```
#fd0c2a
```
#fd0c2a rgb(253,12,42)
```
#fd2540
```
#fd2540 rgb(253,37,64)
```
#fd3f56
```
#fd3f56 rgb(253,63,86)
```
#fe586d
```
#fe586d rgb(254,88,109)
```

Monochromatic Color

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

#fd0c66
```
#fd0c66 rgb(253,12,102)
```
#fd0c52
```
#fd0c52 rgb(253,12,82)
```
#fd0c3e
```
#fd0c3e rgb(253,12,62)
```
#fd0c2a
```
#fd0c2a rgb(253,12,42)
```
#fd0c16
```
#fd0c16 rgb(253,12,22)
```
#fd160c
```
#fd160c rgb(253,22,12)
```
#fd2a0c
```
#fd2a0c rgb(253,42,12)
```

Similar Colors

Text with hexadecimal color #fd0c2a

This text has a font color of #fd0c2a.

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

#fd0c2a background color

This paragraph has a background color of #fd0c2a.

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

#fd0c2a border color

This element has a border color of #fd0c2a.

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

CSS codes

.text {color:#fd0c2a;}

.background {background-color:#fd0c2a;}

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

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

#0a0001
```
#0a0001 rgb(10,0,1)
```
#1d0004
```
#1d0004 rgb(29,0,4)
```
#310006
```
#310006 rgb(49,0,6)
```
#440109
```
#440109 rgb(68,1,9)
```
#58010c
```
#58010c rgb(88,1,12)
```
#6b010e
```
#6b010e rgb(107,1,14)
```
#7f0111
```
#7f0111 rgb(127,1,17)
```
#920113
```
#920113 rgb(146,1,19)
```
#a60116
```
#a60116 rgb(166,1,22)
```
#b90218
```
#b90218 rgb(185,2,24)
```
#cc021b
```
#cc021b rgb(204,2,27)
```
#e0021d
```
#e0021d rgb(224,2,29)
```
#f30220
```
#f30220 rgb(243,2,32)
```

Shade Color Variation

#fd0c2a
```
#fd0c2a rgb(253,12,42)
```
#fd1f3b
```
#fd1f3b rgb(253,31,59)
```
#fd334c
```
#fd334c rgb(253,51,76)
```
#fd465d
```
#fd465d rgb(253,70,93)
```
#fe5a6e
```
#fe5a6e rgb(254,90,110)
```
#fe6d7f
```
#fe6d7f rgb(254,109,127)
```
#fe8190
```
#fe8190 rgb(254,129,144)
```
#fe94a1
```
#fe94a1 rgb(254,148,161)
```
#fea8b2
```
#fea8b2 rgb(254,168,178)
```
#febbc3
```
#febbc3 rgb(254,187,195)
```
#ffcfd5
```
#ffcfd5 rgb(255,207,213)
```
#ffe2e6
```
#ffe2e6 rgb(255,226,230)
```
#fff5f7
```
#fff5f7 rgb(255,245,247)
```

Tint Color Variation

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

#8c7d7f
```
#8c7d7f rgb(140,125,127)
```
#957478
```
#957478 rgb(149,116,120)
```
#9f6a71
```
#9f6a71 rgb(159,106,113)
```
#a8616a
```
#a8616a rgb(168,97,106)
```
#b25763
```
#b25763 rgb(178,87,99)
```
#bb4e5c
```
#bb4e5c rgb(187,78,92)
```
#c44554
```
#c44554 rgb(196,69,84)
```
#ce3b4d
```
#ce3b4d rgb(206,59,77)
```
#d73246
```
#d73246 rgb(215,50,70)
```
#e1283f
```
#e1283f rgb(225,40,63)
```
#ea1f38
```
#ea1f38 rgb(234,31,56)
```
#f41531
```
#f41531 rgb(244,21,49)
```
#fd0c2a
```
#fd0c2a rgb(253,12,42)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#78484e Atypical Achromatopsia 0.001% of the population

Dichromacy

#92854b Protanopia 1% of men
#a77f1c Deuteranopia 1% of men
#fc1f16 Tritanopia 0.001% of the population

Trichromacy

#b9593f Protanomaly 1% of men, 0.01% of women
#c65521 Deuteranomaly 6% of men, 0.4% of women
#fc181d Tritanomaly 0.01% of the population