Dark code
HTML
Menu Log in
HTML Color Picker
‹ Previous Next ›
Pick a Color:
Or Enter a Color:
Color value
OK
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#cc6699
rgb(204, 102, 153)
hsl(330, 50%, 60%)
Lighter / Darker:
100% #ffffff
95% #f9ecf2
90% #f2d9e6
85% #ecc6d9
80% #e6b3cc
75% #df9fbf
70% #d98cb3
65% #d279a6
60% #cc6699
55% #c6538c
50% #bf4080
45% #ac3973
40% #993366
35% #862d59
30% #73264d
25% #602040
20% #4d1933
15% #391326
10% #260d1a
5% #13060d
0% #000000
Hue
Hue Hex Rgb Hsl
0 #cc6666 rgb(204, 102, 102) hsl(0, 50%, 60%)
15 #cc7f66 rgb(204, 127, 102) hsl(15, 50%, 60%)
30 #cc9966 rgb(204, 153, 102) hsl(30, 50%, 60%)
45 #ccb366 rgb(204, 179, 102) hsl(45, 50%, 60%)
60 #cccc66 rgb(204, 204, 102) hsl(60, 50%, 60%)
75 #b3cc66 rgb(179, 204, 102) hsl(75, 50%, 60%)
90 #99cc66 rgb(153, 204, 102) hsl(90, 50%, 60%)
105 #7fcc66 rgb(127, 204, 102) hsl(105, 50%, 60%)
120 #66cc66 rgb(102, 204, 102) hsl(120, 50%, 60%)
135 #66cc7f rgb(102, 204, 127) hsl(135, 50%, 60%)
150 #66cc99 rgb(102, 204, 153) hsl(150, 50%, 60%)
165 #66ccb3 rgb(102, 204, 179) hsl(165, 50%, 60%)
180 #66cccc rgb(102, 204, 204) hsl(180, 50%, 60%)
195 #66b3cc rgb(102, 179, 204) hsl(195, 50%, 60%)
210 #6699cc rgb(102, 153, 204) hsl(210, 50%, 60%)
225 #667fcc rgb(102, 127, 204) hsl(225, 50%, 60%)
240 #6666cc rgb(102, 102, 204) hsl(240, 50%, 60%)
255 #7f66cc rgb(127, 102, 204) hsl(255, 50%, 60%)
270 #9966cc rgb(153, 102, 204) hsl(270, 50%, 60%)
285 #b366cc rgb(179, 102, 204) hsl(285, 50%, 60%)
300 #cc66cc rgb(204, 102, 204) hsl(300, 50%, 60%)
315 #cc66b3 rgb(204, 102, 179) hsl(315, 50%, 60%)
330 #cc6699 rgb(204, 102, 153) hsl(330, 50%, 60%)
345 #cc667f rgb(204, 102, 127) hsl(345, 50%, 60%)
360 #cc6666 rgb(204, 102, 102) hsl(0, 50%, 60%)
ADVERTISEMENT
Saturation
Sat Hex Rgb Hsl
100% #ff3399 rgb(255, 51, 153) hsl(330, 100%, 60%
95% #fa3899 rgb(250, 56, 153) hsl(330, 95%, 60%)
90% #f53d99 rgb(245, 61, 153) hsl(330, 90%, 60%)
85% #f04299 rgb(240, 66, 153) hsl(330, 85%, 60%)
80% #eb4799 rgb(235, 71, 153) hsl(330, 80%, 60%)
75% #e64c99 rgb(230, 76, 153) hsl(330, 75%, 60%)
70% #e05299 rgb(224, 82, 153) hsl(330, 70%, 60%)
65% #db5799 rgb(219, 87, 153) hsl(330, 65%, 60%)
60% #d65c99 rgb(214, 92, 153) hsl(330, 60%, 60%)
55% #d16199 rgb(209, 97, 153) hsl(330, 55%, 60%)
50% #cc6699 rgb(204, 102, 153) hsl(330, 50%, 60%)
45% #c76b99 rgb(199, 107, 153) hsl(330, 45%, 60%)
40% #c27099 rgb(194, 112, 153) hsl(330, 40%, 60%)
35% #bd7599 rgb(189, 117, 153) hsl(330, 35%, 60%)
30% #b87a99 rgb(184, 122, 153) hsl(330, 30%, 60%)
25% #b38099 rgb(179, 128, 153) hsl(330, 25%, 60%)
20% #ad8599 rgb(173, 133, 153) hsl(330, 20%, 60%)
15% #a88a99 rgb(168, 138, 153) hsl(330, 15%, 60%)
10% #a38f99 rgb(163, 143, 153) hsl(330, 10%, 60%)
5% #9e9499 rgb(158, 148, 153) hsl(330, 5%, 60%)
0% #999999 rgb(153, 153, 153) hsl(330, 0%, 60%)
Lightness
Light Hex Rgb Hsl
100% #ffffff rgb(255, 255, 255) hsl(330, 50%, 100
95% #f9ecf2 rgb(249, 236, 242) hsl(330, 50%, 95%
90% #f2d9e6 rgb(242, 217, 230) hsl(330, 50%, 90%
85% #ecc6d9 rgb(236, 198, 217) hsl(330, 50%, 85%
80% #e6b3cc rgb(230, 179, 204) hsl(330, 50%, 80%
75% #df9fbf rgb(223, 159, 191) hsl(330, 50%, 75%
70% #d98cb3 rgb(217, 140, 179) hsl(330, 50%, 70%
65% #d279a6 rgb(210, 121, 166) hsl(330, 50%, 65%
60% #cc6699 rgb(204, 102, 153) hsl(330, 50%, 60%
55% #c6538c rgb(198, 83, 140) hsl(330, 50%, 55%
50% #bf4080 rgb(191, 64, 128) hsl(330, 50%, 50%
45% #ac3973 rgb(172, 57, 115) hsl(330, 50%, 45%
40% #993366 rgb(153, 51, 102) hsl(330, 50%, 40%
35% #862d59 rgb(134, 45, 89) hsl(330, 50%, 35%
30% #73264d rgb(115, 38, 77) hsl(330, 50%, 30%
25% #602040 rgb(96, 32, 64) hsl(330, 50%, 25%
20% #4d1933 rgb(77, 25, 51) hsl(330, 50%, 20%
15% #391326 rgb(57, 19, 38) hsl(330, 50%, 15%
10% #260d1a rgb(38, 13, 26) hsl(330, 50%, 10%
5% #13060d rgb(19, 6, 13) hsl(330, 50%, 5%)
0% #000000 rgb(0, 0, 0) hsl(330, 50%, 0%)
RGB (Red, Green, Blue)
Red Green Blue
204 102 153
rgb(204, 102, 153)
#cc6699
‹ Previous Next ›
ADVERTISEMENT
NEW
We just launched
W3Schools videos
Explore now
COLOR PICKER
Get certified
by completing
a course today!
school
w3 s
2
CE
02
TI 2
R
FI .
ED
Get started
CODE GAME
Play Game
ADVERTISEMENT
Report Error
Forum
About
Shop
Top Tutorials
HTML Tutorial
CSS Tutorial
JavaScript Tutorial
How To Tutorial
SQL Tutorial
Python Tutorial
[Link] Tutorial
Bootstrap Tutorial
PHP Tutorial
Java Tutorial
C++ Tutorial
jQuery Tutorial
Top References
HTML Reference
CSS Reference
JavaScript Reference
SQL Reference
Python Reference
[Link] Reference
Bootstrap Reference
PHP Reference
HTML Colors
Java Reference
Angular Reference
jQuery Reference
Top Examples
HTML Examples
CSS Examples
JavaScript Examples
How To Examples
SQL Examples
Python Examples
[Link] Examples
Bootstrap Examples
PHP Examples
Java Examples
XML Examples
jQuery Examples
Web Courses
HTML Course
CSS Course
JavaScript Course
Front End Course
SQL Course
Python Course
PHP Course
jQuery Course
Java Course
C++ Course
C# Course
XML Course
Get Certified »
W3Schools is optimized for learning and training.
Examples might be simplified to improve reading
and learning. Tutorials, references, and examples
are constantly reviewed to avoid errors, but we
cannot warrant full correctness of all content.
While using W3Schools, you agree to have read
and accepted our terms of use, cookie and privacy
policy.
Copyright 1999-2022 by Refsnes Data. All Rights
Reserved.
W3Schools is Powered by [Link].