#663522 Color Information
In a RGB color space, hex #663522 is composed of 40% red, 20.8% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48% magenta, 66.7% yellow and 60% black. It has a hue angle of 16.8 degrees, a saturation of 50% and a lightness of 26.7%. #663522 color hex could be obtained by blending #cc6a44 with #000000. Closest websafe color is: #663333.
-
- R 40
- G 21
- B 13
-
- C 0
- M 48
- Y 67
- K 60
● #663522 color description : Very dark orange [Brown tone].
#663522 Color Conversion
The hexadecimal color #663522 has RGB values of R:102, G:53, B:34 and CMYK values of C:0, M:0.48, Y:0.67, K:0.6. Its decimal value is 6698274.
Hex triplet | 663522 | #663522 |
---|---|---|
RGB Decimal | 102, 53, 34 | rgb(102,53,34) |
RGB Percent | 40, 20.8, 13.3 | rgb(40%,20.8%,13.3%) |
CMYK | 0, 48, 67, 60 | |
HSL | 16.8°, 50, 26.7 | hsl(16.8,50%,26.7%) |
HSV (or HSB) | 16.8°, 66.7, 40 | |
Web Safe | 663333 | #663333 |
CIE-LAB | 28.08, 19.998, 21.513 |
---|---|
XYZ | 7.042, 5.487, 2.202 |
xyY | 0.478, 0.373, 5.487 |
CIE-LCH | 28.08, 29.373, 47.09 |
CIE-LUV | 28.08, 34.935, 16.913 |
Hunter-Lab | 23.424, 12.665, 10.825 |
Binary | 01100110, 00110101, 00100010 |
Color Schemes with #663522
Alternatives to #663522
Below, you can see some colors close to #663522. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#663522 Preview
This text has a font color of #663522.
<span style="color:#663522;">Text here</span>
This paragraph has a background color of #663522.
<p style="background-color:#663522;">Content here</p>
This element has a border color of #663522.
<div style="border:1px solid #663522;">Content here</div>
.text {color:#663522;}
.background {background-color:#663522;}
.border {border:1px solid #663522;}
Shades and Tints of #663522
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, #0e0705 is the darkest color, while #fffefe is the lightest one.
-
#0e0705
#0e0705
rgb(14,7,5)
-
#1c0f09
#1c0f09
rgb(28,15,9)
-
#2b160e
#2b160e
rgb(43,22,14)
-
#3a1e13
#3a1e13
rgb(58,30,19)
-
#492618
#492618
rgb(73,38,24)
-
#572d1d
#572d1d
rgb(87,45,29)
-
#663522
#663522
rgb(102,53,34)
-
#753d27
#753d27
rgb(117,61,39)
-
#83442c
#83442c
rgb(131,68,44)
-
#924c31
#924c31
rgb(146,76,49)
-
#a15436
#a15436
rgb(161,84,54)
-
#b05b3b
#b05b3b
rgb(176,91,59)
-
#be633f
#be633f
rgb(190,99,63)
-
#c46f4d
#c46f4d
rgb(196,111,77)
-
#c97b5c
#c97b5c
rgb(201,123,92)
-
#ce866b
#ce866b
rgb(206,134,107)
-
#d3927a
#d3927a
rgb(211,146,122)
-
#d79e88
#d79e88
rgb(215,158,136)
-
#dcaa97
#dcaa97
rgb(220,170,151)
-
#e1b6a6
#e1b6a6
rgb(225,182,166)
-
#e6c2b4
#e6c2b4
rgb(230,194,180)
-
#ebcec3
#ebcec3
rgb(235,206,195)
-
#f0dad2
#f0dad2
rgb(240,218,210)
-
#f5e6e1
#f5e6e1
rgb(245,230,225)
-
#faf2ef
#faf2ef
rgb(250,242,239)
-
#fffefe
#fffefe
rgb(255,254,254)
Tones of #663522
A tone is produced by adding gray to any pure hue. In this case, #474341 is the less saturated color, while #852703 is the most saturated one.
-
#474341
#474341
rgb(71,67,65)
-
#4c413c
#4c413c
rgb(76,65,60)
-
#513e37
#513e37
rgb(81,62,55)
-
#563c32
#563c32
rgb(86,60,50)
-
#5c3a2c
#5c3a2c
rgb(92,58,44)
-
#613727
#613727
rgb(97,55,39)
-
#663522
#663522
rgb(102,53,34)
-
#6b331d
#6b331d
rgb(107,51,29)
-
#703018
#703018
rgb(112,48,24)
-
#762e12
#762e12
rgb(118,46,18)
-
#7b2c0d
#7b2c0d
rgb(123,44,13)
-
#802908
#802908
rgb(128,41,8)
-
#852703
#852703
rgb(133,39,3)
Color Blindness Simulator
Below, you can see how #663522 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.