#ca661f Color Information
In a RGB color space, hex #ca661f is composed of 79.2% red, 40% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.5% magenta, 84.7% yellow and 20.8% black. It has a hue angle of 24.9 degrees, a saturation of 73.4% and a lightness of 45.7%. #ca661f color hex could be obtained by blending #ffcc3e with #950000. Closest websafe color is: #cc6633.
-
- R 79
- G 40
- B 12
-
- C 0
- M 50
- Y 85
- K 21
● #ca661f color description : Strong orange.
#ca661f Color Conversion
The hexadecimal color #ca661f has RGB values of R:202, G:102, B:31 and CMYK values of C:0, M:0.5, Y:0.85, K:0.21. Its decimal value is 13264415.
Hex triplet | ca661f | #ca661f |
---|---|---|
RGB Decimal | 202, 102, 31 | rgb(202,102,31) |
RGB Percent | 79.2, 40, 12.2 | rgb(79.2%,40%,12.2%) |
CMYK | 0, 50, 85, 21 | |
HSL | 24.9°, 73.4, 45.7 | hsl(24.9,73.4%,45.7%) |
HSV (or HSB) | 24.9°, 84.7, 79.2 | |
Web Safe | cc6633 | #cc6633 |
CIE-LAB | 54.197, 35.407, 54.39 |
---|---|
XYZ | 29.357, 22.161, 4.028 |
xyY | 0.529, 0.399, 22.161 |
CIE-LCH | 54.197, 64.9, 56.936 |
CIE-LUV | 54.197, 81.913, 45.907 |
Hunter-Lab | 47.075, 28.933, 27.88 |
Binary | 11001010, 01100110, 00011111 |
Color Schemes with #ca661f
Alternatives to #ca661f
Below, you can see some colors close to #ca661f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ca661f Preview
This text has a font color of #ca661f.
<span style="color:#ca661f;">Text here</span>
This paragraph has a background color of #ca661f.
<p style="background-color:#ca661f;">Content here</p>
This element has a border color of #ca661f.
<div style="border:1px solid #ca661f;">Content here</div>
.text {color:#ca661f;}
.background {background-color:#ca661f;}
.border {border:1px solid #ca661f;}
Shades and Tints of #ca661f
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, #0f0802 is the darkest color, while #fffefd is the lightest one.
-
#0f0802
#0f0802
rgb(15,8,2)
-
#201005
#201005
rgb(32,16,5)
-
#311908
#311908
rgb(49,25,8)
-
#42210a
#42210a
rgb(66,33,10)
-
#532a0d
#532a0d
rgb(83,42,13)
-
#64320f
#64320f
rgb(100,50,15)
-
#753b12
#753b12
rgb(117,59,18)
-
#864415
#864415
rgb(134,68,21)
-
#974c17
#974c17
rgb(151,76,23)
-
#a8551a
#a8551a
rgb(168,85,26)
-
#b95d1c
#b95d1c
rgb(185,93,28)
-
#ca661f
#ca661f
rgb(202,102,31)
-
#db6f22
#db6f22
rgb(219,111,34)
-
#df7931
#df7931
rgb(223,121,49)
-
#e28442
#e28442
rgb(226,132,66)
-
#e58f53
#e58f53
rgb(229,143,83)
-
#e79a64
#e79a64
rgb(231,154,100)
-
#eaa575
#eaa575
rgb(234,165,117)
-
#ecb086
#ecb086
rgb(236,176,134)
-
#efbb97
#efbb97
rgb(239,187,151)
-
#f2c7a8
#f2c7a8
rgb(242,199,168)
-
#f4d2b9
#f4d2b9
rgb(244,210,185)
-
#f7ddca
#f7ddca
rgb(247,221,202)
-
#f9e8db
#f9e8db
rgb(249,232,219)
-
#fcf3ec
#fcf3ec
rgb(252,243,236)
-
#fffefd
#fffefd
rgb(255,254,253)
Tones of #ca661f
A tone is produced by adding gray to any pure hue. In this case, #797470 is the less saturated color, while #e56104 is the most saturated one.
-
#797470
#797470
rgb(121,116,112)
-
#827267
#827267
rgb(130,114,103)
-
#8b715e
#8b715e
rgb(139,113,94)
-
#946f55
#946f55
rgb(148,111,85)
-
#9d6e4c
#9d6e4c
rgb(157,110,76)
-
#a66c43
#a66c43
rgb(166,108,67)
-
#af6b3a
#af6b3a
rgb(175,107,58)
-
#b86931
#b86931
rgb(184,105,49)
-
#c16828
#c16828
rgb(193,104,40)
-
#ca661f
#ca661f
rgb(202,102,31)
-
#d36416
#d36416
rgb(211,100,22)
-
#dc630d
#dc630d
rgb(220,99,13)
-
#e56104
#e56104
rgb(229,97,4)
Color Blindness Simulator
Below, you can see how #ca661f 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.