#666699 color information
In a RGB color space, hex #666699 is composed of 40% red, 40% green and 60% blue. Whereas in a CMYK color space, it is composed of 33.3% cyan, 33.3% magenta, 0% yellow and 40% black. It has a hue angle of 240 degrees, a saturation of 20% and a lightness of 50%. #666699 color hex could be obtained by blending #ccccff with #000033. #666699 (or #669) is a websafe color.
#666699 color conversion
The hexadecimal color #666699 has RGB values of R:102, G:102, B:153 and CMYK values of C:0.33, M:0.33, Y:0, K:0.4. Its decimal value is 6710937.
- Hex triplet 666699
#666699 - RGB Decimal 102, 102, 153
rgb(102,102,153) - RGB Percent 40, 40, 60
rgb(40%,40%,60%) - CMYK 33, 33, 0, 40
- HSL 240°, 20, 50
hsl(240,20%,50%) - HSV (or HSB) 240°, 33.3, 60
- Web Safe 666699
#666699
- CIE-LAB 45.119, 12.514, -27.755
- XYZ 15.98, 14.627, 32.117
- xyY 0.255, 0.233, 14.627
- CIE-LCH 45.119, 30.446, 294.27
- CIE-LUV 45.119, -3.028, -41.94
- Hunter-Lab 38.245, 7.65, -23.017
- Binary 01100110, 01100110, 10011001
Color Schemes with #666699
#666699 in action
This text has a font color of #666699.
<span style="color:#666699;">Text here</span>
This paragraph has a background color of #666699.
<p style="background-color:#666699;">Content here</p>
This element has a border color of #666699.
<div style="border:1px solid #666699;">Content here</div>
.text {color:#666699;}
.background {background-color:#666699;}
.border {border:1px solid #666699;}
Shades of #666699
- #08080c #08080c
rgb(8,8,12) - #181823 #181823
rgb(24,24,35) - #27273b #27273b
rgb(39,39,59) - #373752 #373752
rgb(55,55,82) - #47476a #47476a
rgb(71,71,106) - #565681 #565681
rgb(86,86,129) - #666699 #666699
rgb(102,102,153) - #7e7ea9 #7e7ea9
rgb(126,126,169) - #9595b8 #9595b8
rgb(149,149,184) - #adadc8 #adadc8
rgb(173,173,200) - #c4c4d8 #c4c4d8
rgb(196,196,216) - #dcdce7 #dcdce7
rgb(220,220,231) - #f3f3f7 #f3f3f7
rgb(243,243,247)
Color Blindness Simulator
Below, you can see how #666699 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.
