#663312 Color Information
In a RGB color space, hex #663312 is composed of 40% red, 20% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50% magenta, 82.4% yellow and 60% black. It has a hue angle of 23.6 degrees, a saturation of 70% and a lightness of 23.5%. #663312 color hex could be obtained by blending #cc6624 with #000000. Closest websafe color is: #663300.
-
- R 40
- G 20
- B 7
-
- C 0
- M 50
- Y 82
- K 60
● #663312 color description : Very dark orange [Brown tone].
#663312 Color Conversion
The hexadecimal color #663312 has RGB values of R:102, G:51, B:18 and CMYK values of C:0, M:0.5, Y:0.82, K:0.6. Its decimal value is 6697746.
Hex triplet | 663312 | #663312 |
---|---|---|
RGB Decimal | 102, 51, 18 | rgb(102,51,18) |
RGB Percent | 40, 20, 7.1 | rgb(40%,20%,7.1%) |
CMYK | 0, 50, 82, 60 | |
HSL | 23.6°, 70, 23.5 | hsl(23.6,70%,23.5%) |
HSV (or HSB) | 23.6°, 82.4, 40 | |
Web Safe | 663300 | #663300 |
CIE-LAB | 27.399, 20.226, 29.994 |
---|---|
XYZ | 6.773, 5.237, 1.226 |
xyY | 0.512, 0.396, 5.237 |
CIE-LCH | 27.399, 36.177, 56.006 |
CIE-LUV | 27.399, 37.949, 21.8 |
Hunter-Lab | 22.884, 12.782, 12.841 |
Binary | 01100110, 00110011, 00010010 |
Color Schemes with #663312
Alternatives to #663312
Below, you can see some colors close to #663312. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#663312 Preview
This text has a font color of #663312.
<span style="color:#663312;">Text here</span>
This paragraph has a background color of #663312.
<p style="background-color:#663312;">Content here</p>
This element has a border color of #663312.
<div style="border:1px solid #663312;">Content here</div>
.text {color:#663312;}
.background {background-color:#663312;}
.border {border:1px solid #663312;}
Shades and Tints of #663312
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, #020100 is the darkest color, while #fcf5f0 is the lightest one.
-
#020100
#020100
rgb(2,1,0)
-
#130903
#130903
rgb(19,9,3)
-
#231206
#231206
rgb(35,18,6)
-
#341a09
#341a09
rgb(52,26,9)
-
#45220c
#45220c
rgb(69,34,12)
-
#552b0f
#552b0f
rgb(85,43,15)
-
#663312
#663312
rgb(102,51,18)
-
#773b15
#773b15
rgb(119,59,21)
-
#874418
#874418
rgb(135,68,24)
-
#984c1b
#984c1b
rgb(152,76,27)
-
#a9541e
#a9541e
rgb(169,84,30)
-
#b95d21
#b95d21
rgb(185,93,33)
-
#ca6524
#ca6524
rgb(202,101,36)
-
#d96e28
#d96e28
rgb(217,110,40)
-
#dc7939
#dc7939
rgb(220,121,57)
-
#df844a
#df844a
rgb(223,132,74)
-
#e2905a
#e2905a
rgb(226,144,90)
-
#e59b6b
#e59b6b
rgb(229,155,107)
-
#e8a67c
#e8a67c
rgb(232,166,124)
-
#ebb18c
#ebb18c
rgb(235,177,140)
-
#eebd9d
#eebd9d
rgb(238,189,157)
-
#f1c8ae
#f1c8ae
rgb(241,200,174)
-
#f4d3be
#f4d3be
rgb(244,211,190)
-
#f7decf
#f7decf
rgb(247,222,207)
-
#f9eae0
#f9eae0
rgb(249,234,224)
-
#fcf5f0
#fcf5f0
rgb(252,245,240)
Tones of #663312
A tone is produced by adding gray to any pure hue. In this case, #3c3c3c is the less saturated color, while #743004 is the most saturated one.
-
#3c3c3c
#3c3c3c
rgb(60,60,60)
-
#413b37
#413b37
rgb(65,59,55)
-
#463a32
#463a32
rgb(70,58,50)
-
#4a392e
#4a392e
rgb(74,57,46)
-
#4f3829
#4f3829
rgb(79,56,41)
-
#543724
#543724
rgb(84,55,36)
-
#583620
#583620
rgb(88,54,32)
-
#5d351b
#5d351b
rgb(93,53,27)
-
#613417
#613417
rgb(97,52,23)
-
#663312
#663312
rgb(102,51,18)
-
#6b320d
#6b320d
rgb(107,50,13)
-
#6f3109
#6f3109
rgb(111,49,9)
-
#743004
#743004
rgb(116,48,4)
Color Blindness Simulator
Below, you can see how #663312 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.