#c54300 Color Information
In a RGB color space, hex #c54300 is composed of 77.3% red, 26.3% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66% magenta, 100% yellow and 22.7% black. It has a hue angle of 20.4 degrees, a saturation of 100% and a lightness of 38.6%. #c54300 color hex could be obtained by blending #ff8600 with #8b0000. Closest websafe color is: #cc3300.
-
- R 77
- G 26
- B 0
-
- C 0
- M 66
- Y 100
- K 23
● #c54300 color description : Strong orange.
#c54300 Color Conversion
The hexadecimal color #c54300 has RGB values of R:197, G:67, B:0 and CMYK values of C:0, M:0.66, Y:1, K:0.23. Its decimal value is 12927744.
Hex triplet | c54300 | #c54300 |
---|---|---|
RGB Decimal | 197, 67, 0 | rgb(197,67,0) |
RGB Percent | 77.3, 26.3, 0 | rgb(77.3%,26.3%,0%) |
CMYK | 0, 66, 100, 23 | |
HSL | 20.4°, 100, 38.6 | hsl(20.4,100%,38.6%) |
HSV (or HSB) | 20.4°, 100, 77.3 | |
Web Safe | cc3300 | #cc3300 |
CIE-LAB | 46.827, 49.702, 57.864 |
---|---|
XYZ | 25.034, 15.888, 1.748 |
xyY | 0.587, 0.372, 15.888 |
CIE-LCH | 46.827, 76.279, 49.34 |
CIE-LUV | 46.827, 106.52, 38.974 |
Hunter-Lab | 39.859, 42.357, 25.301 |
Binary | 11000101, 01000011, 00000000 |
Color Schemes with #c54300
Alternatives to #c54300
Below, you can see some colors close to #c54300. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#c54300 Preview
This text has a font color of #c54300.
<span style="color:#c54300;">Text here</span>
This paragraph has a background color of #c54300.
<p style="background-color:#c54300;">Content here</p>
This element has a border color of #c54300.
<div style="border:1px solid #c54300;">Content here</div>
.text {color:#c54300;}
.background {background-color:#c54300;}
.border {border:1px solid #c54300;}
Shades and Tints of #c54300
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, #010000 is the darkest color, while #fff3ec is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#140700
#140700
rgb(20,7,0)
-
#280e00
#280e00
rgb(40,14,0)
-
#3c1400
#3c1400
rgb(60,20,0)
-
#4f1b00
#4f1b00
rgb(79,27,0)
-
#632200
#632200
rgb(99,34,0)
-
#772800
#772800
rgb(119,40,0)
-
#8a2f00
#8a2f00
rgb(138,47,0)
-
#9e3600
#9e3600
rgb(158,54,0)
-
#b13c00
#b13c00
rgb(177,60,0)
-
#c54300
#c54300
rgb(197,67,0)
-
#d94a00
#d94a00
rgb(217,74,0)
-
#ec5000
#ec5000
rgb(236,80,0)
-
#ff5701
#ff5701
rgb(255,87,1)
-
#ff6414
#ff6414
rgb(255,100,20)
-
#ff7128
#ff7128
rgb(255,113,40)
-
#ff7e3c
#ff7e3c
rgb(255,126,60)
-
#ff8b4f
#ff8b4f
rgb(255,139,79)
-
#ff9863
#ff9863
rgb(255,152,99)
-
#ffa577
#ffa577
rgb(255,165,119)
-
#ffb28a
#ffb28a
rgb(255,178,138)
-
#ffbf9e
#ffbf9e
rgb(255,191,158)
-
#ffccb1
#ffccb1
rgb(255,204,177)
-
#ffd9c5
#ffd9c5
rgb(255,217,197)
-
#ffe6d9
#ffe6d9
rgb(255,230,217)
-
#fff3ec
#fff3ec
rgb(255,243,236)
Tones of #c54300
A tone is produced by adding gray to any pure hue. In this case, #6a605b is the less saturated color, while #c54300 is the most saturated one.
-
#6a605b
#6a605b
rgb(106,96,91)
-
#725e53
#725e53
rgb(114,94,83)
-
#795b4c
#795b4c
rgb(121,91,76)
-
#815944
#815944
rgb(129,89,68)
-
#88563d
#88563d
rgb(136,86,61)
-
#905435
#905435
rgb(144,84,53)
-
#98522d
#98522d
rgb(152,82,45)
-
#9f4f26
#9f4f26
rgb(159,79,38)
-
#a74d1e
#a74d1e
rgb(167,77,30)
-
#ae4a17
#ae4a17
rgb(174,74,23)
-
#b6480f
#b6480f
rgb(182,72,15)
-
#bd4508
#bd4508
rgb(189,69,8)
-
#c54300
#c54300
rgb(197,67,0)
Color Blindness Simulator
Below, you can see how #c54300 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.