#ca6600 Color Information
In a RGB color space, hex #ca6600 is composed of 79.2% red, 40% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.5% magenta, 100% yellow and 20.8% black. It has a hue angle of 30.3 degrees, a saturation of 100% and a lightness of 39.6%. #ca6600 color hex could be obtained by blending #ffcc00 with #950000. Closest websafe color is: #cc6600.
-
- R 79
- G 40
- B 0
-
- C 0
- M 50
- Y 100
- K 21
● #ca6600 color description : Strong orange.
#ca6600 Color Conversion
The hexadecimal color #ca6600 has RGB values of R:202, G:102, B:0 and CMYK values of C:0, M:0.5, Y:1, K:0.21. Its decimal value is 13264384.
Hex triplet | ca6600 | #ca6600 |
---|---|---|
RGB Decimal | 202, 102, 0 | rgb(202,102,0) |
RGB Percent | 79.2, 40, 0 | rgb(79.2%,40%,0%) |
CMYK | 0, 50, 100, 21 | |
HSL | 30.3°, 100, 39.6 | hsl(30.3,100%,39.6%) |
HSV (or HSB) | 30.3°, 100, 79.2 | |
Web Safe | cc6600 | #cc6600 |
CIE-LAB | 54.093, 34.907, 62.345 |
---|---|
XYZ | 29.11, 22.062, 2.726 |
xyY | 0.54, 0.409, 22.062 |
CIE-LCH | 54.093, 71.452, 60.756 |
CIE-LUV | 54.093, 83.248, 49.862 |
Hunter-Lab | 46.97, 28.427, 29.439 |
Binary | 11001010, 01100110, 00000000 |
Color Schemes with #ca6600
Alternatives to #ca6600
Below, you can see some colors close to #ca6600. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ca6600 Preview
This text has a font color of #ca6600.
<span style="color:#ca6600;">Text here</span>
This paragraph has a background color of #ca6600.
<p style="background-color:#ca6600;">Content here</p>
This element has a border color of #ca6600.
<div style="border:1px solid #ca6600;">Content here</div>
.text {color:#ca6600;}
.background {background-color:#ca6600;}
.border {border:1px solid #ca6600;}
Shades and Tints of #ca6600
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, #060300 is the darkest color, while #fff8f1 is the lightest one.
-
#060300
#060300
rgb(6,3,0)
-
#190d00
#190d00
rgb(25,13,0)
-
#2d1700
#2d1700
rgb(45,23,0)
-
#412100
#412100
rgb(65,33,0)
-
#542b00
#542b00
rgb(84,43,0)
-
#683400
#683400
rgb(104,52,0)
-
#7c3e00
#7c3e00
rgb(124,62,0)
-
#8f4800
#8f4800
rgb(143,72,0)
-
#a35200
#a35200
rgb(163,82,0)
-
#b65c00
#b65c00
rgb(182,92,0)
-
#ca6600
#ca6600
rgb(202,102,0)
-
#de7000
#de7000
rgb(222,112,0)
-
#f17a00
#f17a00
rgb(241,122,0)
-
#ff8406
#ff8406
rgb(255,132,6)
-
#ff8d19
#ff8d19
rgb(255,141,25)
-
#ff972d
#ff972d
rgb(255,151,45)
-
#ffa141
#ffa141
rgb(255,161,65)
-
#ffaa54
#ffaa54
rgb(255,170,84)
-
#ffb468
#ffb468
rgb(255,180,104)
-
#ffbe7c
#ffbe7c
rgb(255,190,124)
-
#ffc88f
#ffc88f
rgb(255,200,143)
-
#ffd1a3
#ffd1a3
rgb(255,209,163)
-
#ffdbb6
#ffdbb6
rgb(255,219,182)
-
#ffe5ca
#ffe5ca
rgb(255,229,202)
-
#ffeede
#ffeede
rgb(255,238,222)
-
#fff8f1
#fff8f1
rgb(255,248,241)
Tones of #ca6600
A tone is produced by adding gray to any pure hue. In this case, #6d655d is the less saturated color, while #ca6600 is the most saturated one.
-
#6d655d
#6d655d
rgb(109,101,93)
-
#756555
#756555
rgb(117,101,85)
-
#7c654e
#7c654e
rgb(124,101,78)
-
#846546
#846546
rgb(132,101,70)
-
#8c653e
#8c653e
rgb(140,101,62)
-
#946536
#946536
rgb(148,101,54)
-
#9b662f
#9b662f
rgb(155,102,47)
-
#a36627
#a36627
rgb(163,102,39)
-
#ab661f
#ab661f
rgb(171,102,31)
-
#b36617
#b36617
rgb(179,102,23)
-
#ba6610
#ba6610
rgb(186,102,16)
-
#c26608
#c26608
rgb(194,102,8)
-
#ca6600
#ca6600
rgb(202,102,0)
Color Blindness Simulator
Below, you can see how #ca6600 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.