#ff0c2c hex color

In a RGB color space, hex #ff0c2c is composed of 100% red, 4.7% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 95.3% magenta, 82.7% yellow and 0% black. It has a hue angle of 352.1 degrees, a saturation of 100% and a lightness of 52.4%. #ff0c2c color hex could be obtained by blending #ff1858 with #ff0000. Closest websafe color is: #ff0033.

♥
- f
- t
- g
- R 100
- G 5
- B 17
RGB color chart
- C 0
- M 95
- Y 83
- K 0
CMYK color chart

● #ff0c2c color description : Vivid red.

The hexadecimal color #ff0c2c has RGB values of R:255, G:12, B:44 and CMYK values of C:0, M:0.95, Y:0.83, K:0. Its decimal value is 16714796.

Hex triplet	ff0c2c	`#ff0c2c`
RGB Decimal	255, 12, 44	`rgb(255,12,44)`
RGB Percent	100, 4.7, 17.3	`rgb(100%,4.7%,17.3%)`
CMYK	0, 95, 83, 0
HSL	352.1°, 100, 52.4	`hsl(352.1,100%,52.4%)`
HSV (or HSB)	352.1°, 95.3, 100
Web Safe	ff0033	`#ff0033`

CIE-LAB	53.718, 79.809, 51.723
XYZ	41.828, 21.71, 4.371
xyY	0.616, 0.32, 21.71
CIE-LCH	53.718, 95.104, 32.947
CIE-LUV	53.718, 168.837, 31.46
Hunter-Lab	46.594, 78.702, 27.054
Binary	11111111, 00001100, 00101100

#ff0c2c
```
#ff0c2c rgb(255,12,44)
```
#0cffdf
```
#0cffdf rgb(12,255,223)
```

Complementary Color

#ff0ca6
```
#ff0ca6 rgb(255,12,166)
```
#ff0c2c
```
#ff0c2c rgb(255,12,44)
```
#ff660c
```
#ff660c rgb(255,102,12)
```

Analogous Color

#0ca6ff
```
#0ca6ff rgb(12,166,255)
```
#ff0c2c
```
#ff0c2c rgb(255,12,44)
```
#0cff66
```
#0cff66 rgb(12,255,102)
```

Split Complementary Color

#0c2cff
```
#0c2cff rgb(12,44,255)
```
#ff0c2c
```
#ff0c2c rgb(255,12,44)
```
#2cff0c
```
#2cff0c rgb(44,255,12)
```

Triadic Color

#df0cff
```
#df0cff rgb(223,12,255)
```
#ff0c2c
```
#ff0c2c rgb(255,12,44)
```
#2cff0c
```
#2cff0c rgb(44,255,12)
```
#0cffdf
```
#0cffdf rgb(12,255,223)
```

Tetradic Color

#bf0019
```
#bf0019 rgb(191,0,25)
```
#d8001c
```
#d8001c rgb(216,0,28)
```
#f20020
```
#f20020 rgb(242,0,32)
```
#ff0c2c
```
#ff0c2c rgb(255,12,44)
```
#ff2642
```
#ff2642 rgb(255,38,66)
```
#ff3f58
```
#ff3f58 rgb(255,63,88)
```
#ff596e
```
#ff596e rgb(255,89,110)
```

Monochromatic Color

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

#ff0c69
```
#ff0c69 rgb(255,12,105)
```
#ff0c55
```
#ff0c55 rgb(255,12,85)
```
#ff0c40
```
#ff0c40 rgb(255,12,64)
```
#ff0c2c
```
#ff0c2c rgb(255,12,44)
```
#ff0c18
```
#ff0c18 rgb(255,12,24)
```
#ff150c
```
#ff150c rgb(255,21,12)
```
#ff290c
```
#ff290c rgb(255,41,12)
```

Similar Colors

Text with hexadecimal color #ff0c2c

This text has a font color of #ff0c2c.

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

#ff0c2c background color

This paragraph has a background color of #ff0c2c.

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

#ff0c2c border color

This element has a border color of #ff0c2c.

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

CSS codes

.text {color:#ff0c2c;}

.background {background-color:#ff0c2c;}

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

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

#0c0002
```
#0c0002 rgb(12,0,2)
```
#200004
```
#200004 rgb(32,0,4)
```
#330007
```
#330007 rgb(51,0,7)
```
#470009
```
#470009 rgb(71,0,9)
```
#5a000c
```
#5a000c rgb(90,0,12)
```
#6e000e
```
#6e000e rgb(110,0,14)
```
#820011
```
#820011 rgb(130,0,17)
```
#950014
```
#950014 rgb(149,0,20)
```
#a90016
```
#a90016 rgb(169,0,22)
```
#bd0019
```
#bd0019 rgb(189,0,25)
```
#d0001b
```
#d0001b rgb(208,0,27)
```
#e4001e
```
#e4001e rgb(228,0,30)
```
#f70021
```
#f70021 rgb(247,0,33)
```

Shade Color Variation

#ff0c2c
```
#ff0c2c rgb(255,12,44)
```
#ff203d
```
#ff203d rgb(255,32,61)
```
#ff334e
```
#ff334e rgb(255,51,78)
```
#ff475f
```
#ff475f rgb(255,71,95)
```
#ff5a70
```
#ff5a70 rgb(255,90,112)
```
#ff6e81
```
#ff6e81 rgb(255,110,129)
```
#ff8292
```
#ff8292 rgb(255,130,146)
```
#ff95a3
```
#ff95a3 rgb(255,149,163)
```
#ffa9b4
```
#ffa9b4 rgb(255,169,180)
```
#ffbdc5
```
#ffbdc5 rgb(255,189,197)
```
#ffd0d6
```
#ffd0d6 rgb(255,208,214)
```
#ffe4e7
```
#ffe4e7 rgb(255,228,231)
```
#fff7f8
```
#fff7f8 rgb(255,247,248)
```

Tint Color Variation

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

#8f7c7f
```
#8f7c7f rgb(143,124,127)
```
#987378
```
#987378 rgb(152,115,120)
```
#a26971
```
#a26971 rgb(162,105,113)
```
#ab606a
```
#ab606a rgb(171,96,106)
```
#b45763
```
#b45763 rgb(180,87,99)
```
#be4d5c
```
#be4d5c rgb(190,77,92)
```
#c74455
```
#c74455 rgb(199,68,85)
```
#d03b4e
```
#d03b4e rgb(208,59,78)
```
#da3148
```
#da3148 rgb(218,49,72)
```
#e32841
```
#e32841 rgb(227,40,65)
```
#ec1f3a
```
#ec1f3a rgb(236,31,58)
```
#f61533
```
#f61533 rgb(246,21,51)
```
#ff0c2c
```
#ff0c2c rgb(255,12,44)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#79494f Atypical Achromatopsia 0.001% of the population

Dichromacy

#93874e Protanopia 1% of men
#a8801f Deuteranopia 1% of men
#fe2016 Tritanopia 0.001% of the population

Trichromacy

#ba5a41 Protanomaly 1% of men, 0.01% of women
#c75624 Deuteranomaly 6% of men, 0.4% of women
#fe181e Tritanomaly 0.01% of the population

#ff0c2c hex color

#ff0c2c Color Information

#ff0c2c Color Conversion

Color Schemes with #ff0c2c

Alternatives to #ff0c2c

#ff0c2c Preview

Shades and Tints of #ff0c2c

Tones of #ff0c2c

Color Blindness Simulator