#c63300 Color Information
In a RGB color space, hex #c63300 is composed of 77.6% red, 20% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.2% magenta, 100% yellow and 22.4% black. It has a hue angle of 15.5 degrees, a saturation of 100% and a lightness of 38.8%. #c63300 color hex could be obtained by blending #ff6600 with #8d0000. Closest websafe color is: #cc3300.
-
- R 78
- G 20
- B 0
-
- C 0
- M 74
- Y 100
- K 22
● #c63300 color description : Strong orange.
#c63300 Color Conversion
The hexadecimal color #c63300 has RGB values of R:198, G:51, B:0 and CMYK values of C:0, M:0.74, Y:1, K:0.22. Its decimal value is 12989184.
Hex triplet | c63300 | #c63300 |
---|---|---|
RGB Decimal | 198, 51, 0 | rgb(198,51,0) |
RGB Percent | 77.6, 20, 0 | rgb(77.6%,20%,0%) |
CMYK | 0, 74, 100, 22 | |
HSL | 15.5°, 100, 38.8 | hsl(15.5,100%,38.8%) |
HSV (or HSB) | 15.5°, 100, 77.6 | |
Web Safe | cc3300 | #cc3300 |
CIE-LAB | 44.768, 56.165, 56.974 |
---|---|
XYZ | 24.474, 14.376, 1.486 |
xyY | 0.607, 0.356, 14.376 |
CIE-LCH | 44.768, 80.003, 45.41 |
CIE-LUV | 44.768, 117.805, 35.318 |
Hunter-Lab | 37.916, 48.863, 24.217 |
Binary | 11000110, 00110011, 00000000 |
Color Schemes with #c63300
Alternatives to #c63300
Below, you can see some colors close to #c63300. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#c63300 Preview
This text has a font color of #c63300.
<span style="color:#c63300;">Text here</span>
This paragraph has a background color of #c63300.
<p style="background-color:#c63300;">Content here</p>
This element has a border color of #c63300.
<div style="border:1px solid #c63300;">Content here</div>
.text {color:#c63300;}
.background {background-color:#c63300;}
.border {border:1px solid #c63300;}
Shades and Tints of #c63300
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, #020000 is the darkest color, while #fff2ed is the lightest one.
-
#020000
#020000
rgb(2,0,0)
-
#150600
#150600
rgb(21,6,0)
-
#290b00
#290b00
rgb(41,11,0)
-
#3d1000
#3d1000
rgb(61,16,0)
-
#501500
#501500
rgb(80,21,0)
-
#641a00
#641a00
rgb(100,26,0)
-
#781f00
#781f00
rgb(120,31,0)
-
#8b2400
#8b2400
rgb(139,36,0)
-
#9f2900
#9f2900
rgb(159,41,0)
-
#b22e00
#b22e00
rgb(178,46,0)
-
#c63300
#c63300
rgb(198,51,0)
-
#da3800
#da3800
rgb(218,56,0)
-
#ed3d00
#ed3d00
rgb(237,61,0)
-
#ff4302
#ff4302
rgb(255,67,2)
-
#ff5215
#ff5215
rgb(255,82,21)
-
#ff6029
#ff6029
rgb(255,96,41)
-
#ff6f3d
#ff6f3d
rgb(255,111,61)
-
#ff7d50
#ff7d50
rgb(255,125,80)
-
#ff8c64
#ff8c64
rgb(255,140,100)
-
#ff9a78
#ff9a78
rgb(255,154,120)
-
#ffa98b
#ffa98b
rgb(255,169,139)
-
#ffb89f
#ffb89f
rgb(255,184,159)
-
#ffc6b2
#ffc6b2
rgb(255,198,178)
-
#ffd5c6
#ffd5c6
rgb(255,213,198)
-
#ffe3da
#ffe3da
rgb(255,227,218)
-
#fff2ed
#fff2ed
rgb(255,242,237)
Tones of #c63300
A tone is produced by adding gray to any pure hue. In this case, #6b5f5b is the less saturated color, while #c63300 is the most saturated one.
-
#6b5f5b
#6b5f5b
rgb(107,95,91)
-
#725c54
#725c54
rgb(114,92,84)
-
#7a584c
#7a584c
rgb(122,88,76)
-
#815445
#815445
rgb(129,84,69)
-
#89513d
#89513d
rgb(137,81,61)
-
#914d35
#914d35
rgb(145,77,53)
-
#98492e
#98492e
rgb(152,73,46)
-
#a04526
#a04526
rgb(160,69,38)
-
#a8421e
#a8421e
rgb(168,66,30)
-
#af3e17
#af3e17
rgb(175,62,23)
-
#b73a0f
#b73a0f
rgb(183,58,15)
-
#be3708
#be3708
rgb(190,55,8)
-
#c63300
#c63300
rgb(198,51,0)
Color Blindness Simulator
Below, you can see how #c63300 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.