#663696 Color Information
In a RGB color space, hex #663696 is composed of 40% red, 21.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 32% cyan, 64% magenta, 0% yellow and 41.2% black. It has a hue angle of 270 degrees, a saturation of 47.1% and a lightness of 40%. #663696 color hex could be obtained by blending #cc6cff with #00002d. Closest websafe color is: #663399.
-
- R 40
- G 21
- B 59
-
- C 32
- M 64
- Y 0
- K 41
● #663696 color description : Dark moderate violet.
#663696 Color Conversion
The hexadecimal color #663696 has RGB values of R:102, G:54, B:150 and CMYK values of C:0.32, M:0.64, Y:0, K:0.41. Its decimal value is 6698646.
Hex triplet | 663696 | #663696 |
---|---|---|
RGB Decimal | 102, 54, 150 | rgb(102,54,150) |
RGB Percent | 40, 21.2, 58.8 | rgb(40%,21.2%,58.8%) |
CMYK | 32, 64, 0, 41 | |
HSL | 270°, 47.1, 40 | hsl(270,47.1%,40%) |
HSV (or HSB) | 270°, 64, 58.8 | |
Web Safe | 663399 | #663399 |
CIE-LAB | 33.276, 40.529, -44.725 |
---|---|
XYZ | 12.303, 7.665, 29.684 |
xyY | 0.248, 0.154, 7.665 |
CIE-LCH | 33.276, 60.357, 312.183 |
CIE-LUV | 33.276, 12.821, -64.647 |
Hunter-Lab | 27.686, 30.868, -44.188 |
Binary | 01100110, 00110110, 10010110 |
Color Schemes with #663696
Alternatives to #663696
Below, you can see some colors close to #663696. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#663696 Preview
This text has a font color of #663696.
<span style="color:#663696;">Text here</span>
This paragraph has a background color of #663696.
<p style="background-color:#663696;">Content here</p>
This element has a border color of #663696.
<div style="border:1px solid #663696;">Content here</div>
.text {color:#663696;}
.background {background-color:#663696;}
.border {border:1px solid #663696;}
Shades and Tints of #663696
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, #040206 is the darkest color, while #f9f6fc is the lightest one.
-
#040206
#040206
rgb(4,2,6)
-
#0e0714
#0e0714
rgb(14,7,20)
-
#180c23
#180c23
rgb(24,12,35)
-
#211231
#211231
rgb(33,18,49)
-
#2b173f
#2b173f
rgb(43,23,63)
-
#351c4e
#351c4e
rgb(53,28,78)
-
#3f215c
#3f215c
rgb(63,33,92)
-
#49266b
#49266b
rgb(73,38,107)
-
#522c79
#522c79
rgb(82,44,121)
-
#5c3188
#5c3188
rgb(92,49,136)
-
#663696
#663696
rgb(102,54,150)
-
#703ba4
#703ba4
rgb(112,59,164)
-
#7a40b3
#7a40b3
rgb(122,64,179)
-
#8349be
#8349be
rgb(131,73,190)
-
#8d58c3
#8d58c3
rgb(141,88,195)
-
#9766c8
#9766c8
rgb(151,102,200)
-
#a175cd
#a175cd
rgb(161,117,205)
-
#ab83d2
#ab83d2
rgb(171,131,210)
-
#b491d8
#b491d8
rgb(180,145,216)
-
#bea0dd
#bea0dd
rgb(190,160,221)
-
#c8aee2
#c8aee2
rgb(200,174,226)
-
#d2bde7
#d2bde7
rgb(210,189,231)
-
#dccbec
#dccbec
rgb(220,203,236)
-
#e6daf2
#e6daf2
rgb(230,218,242)
-
#efe8f7
#efe8f7
rgb(239,232,247)
-
#f9f6fc
#f9f6fc
rgb(249,246,252)
Tones of #663696
A tone is produced by adding gray to any pure hue. In this case, #666567 is the less saturated color, while #6607c5 is the most saturated one.
-
#666567
#666567
rgb(102,101,103)
-
#665d6f
#665d6f
rgb(102,93,111)
-
#665577
#665577
rgb(102,85,119)
-
#664e7e
#664e7e
rgb(102,78,126)
-
#664686
#664686
rgb(102,70,134)
-
#663e8e
#663e8e
rgb(102,62,142)
-
#663696
#663696
rgb(102,54,150)
-
#662e9e
#662e9e
rgb(102,46,158)
-
#6626a6
#6626a6
rgb(102,38,166)
-
#661eae
#661eae
rgb(102,30,174)
-
#6617b5
#6617b5
rgb(102,23,181)
-
#660fbd
#660fbd
rgb(102,15,189)
-
#6607c5
#6607c5
rgb(102,7,197)
Color Blindness Simulator
Below, you can see how #663696 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.