#c31100 Color Information
In a RGB color space, hex #c31100 is composed of 76.5% red, 6.7% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.3% magenta, 100% yellow and 23.5% black. It has a hue angle of 5.2 degrees, a saturation of 100% and a lightness of 38.2%. #c31100 color hex could be obtained by blending #ff2200 with #870000. Closest websafe color is: #cc0000.
-
- R 76
- G 7
- B 0
-
- C 0
- M 91
- Y 100
- K 24
● #c31100 color description : Strong red.
#c31100 Color Conversion
The hexadecimal color #c31100 has RGB values of R:195, G:17, B:0 and CMYK values of C:0, M:0.91, Y:1, K:0.24. Its decimal value is 12783872.
| Hex triplet | c31100 | #c31100 |
|---|---|---|
| RGB Decimal | 195, 17, 0 | rgb(195,17,0) |
| RGB Percent | 76.5, 6.7, 0 | rgb(76.5%,6.7%,0%) |
| CMYK | 0, 91, 100, 24 | |
| HSL | 5.2°, 100, 38.2 | hsl(5.2,100%,38.2%) |
| HSV (or HSB) | 5.2°, 100, 76.5 | |
| Web Safe | cc0000 | #cc0000 |
| CIE-LAB | 41.226, 63.588, 55.145 |
|---|---|
| XYZ | 22.707, 12.006, 1.122 |
| xyY | 0.634, 0.335, 12.006 |
| CIE-LCH | 41.226, 84.169, 40.933 |
| CIE-LUV | 41.226, 130.088, 29.896 |
| Hunter-Lab | 34.65, 56.342, 22.335 |
| Binary | 11000011, 00010001, 00000000 |
Color Schemes with #c31100
Alternatives to #c31100
Below, you can see some colors close to #c31100. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#c31100 Preview
This text has a font color of #c31100.
<span style="color:#c31100;">Text here</span>
This paragraph has a background color of #c31100.
<p style="background-color:#c31100;">Content here</p>
This element has a border color of #c31100.
<div style="border:1px solid #c31100;">Content here</div>
.text {color:#c31100;}
.background {background-color:#c31100;}
.border {border:1px solid #c31100;}
Shades and Tints of #c31100
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, #120200 is the darkest color, while #fffefe is the lightest one.
-
#120200
#120200rgb(18,2,0) -
#260300
#260300rgb(38,3,0) -
#3a0500
#3a0500rgb(58,5,0) -
#4d0700
#4d0700rgb(77,7,0) -
#610800
#610800rgb(97,8,0) -
#750a00
#750a00rgb(117,10,0) -
#880c00
#880c00rgb(136,12,0) -
#9c0e00
#9c0e00rgb(156,14,0) -
#af0f00
#af0f00rgb(175,15,0) -
#c31100
#c31100rgb(195,17,0) -
#d71300
#d71300rgb(215,19,0) -
#ea1400
#ea1400rgb(234,20,0) -
#fe1600
#fe1600rgb(254,22,0)
-
#ff2712
#ff2712rgb(255,39,18) -
#ff3926
#ff3926rgb(255,57,38) -
#ff4b3a
#ff4b3argb(255,75,58) -
#ff5d4d
#ff5d4drgb(255,93,77) -
#ff6f61
#ff6f61rgb(255,111,97) -
#ff8175
#ff8175rgb(255,129,117) -
#ff9388
#ff9388rgb(255,147,136) -
#ffa49c
#ffa49crgb(255,164,156) -
#ffb6af
#ffb6afrgb(255,182,175) -
#ffc8c3
#ffc8c3rgb(255,200,195) -
#ffdad7
#ffdad7rgb(255,218,215) -
#ffecea
#ffeceargb(255,236,234) -
#fffefe
#fffefergb(255,254,254)
Tones of #c31100
A tone is produced by adding gray to any pure hue. In this case, #695b5a is the less saturated color, while #c31100 is the most saturated one.
-
#695b5a
#695b5argb(105,91,90) -
#715553
#715553rgb(113,85,83) -
#784f4b
#784f4brgb(120,79,75) -
#804944
#804944rgb(128,73,68) -
#87433c
#87433crgb(135,67,60) -
#8f3c35
#8f3c35rgb(143,60,53) -
#96362d
#96362drgb(150,54,45) -
#9e3026
#9e3026rgb(158,48,38) -
#a52a1e
#a52a1ergb(165,42,30) -
#ad2417
#ad2417rgb(173,36,23) -
#b41d0f
#b41d0frgb(180,29,15) -
#bc1708
#bc1708rgb(188,23,8) -
#c31100
#c31100rgb(195,17,0)
Color Blindness Simulator
Below, you can see how #c31100 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.
