HTML Color Picker


Pick a Color:

colormap#003366#336699#3366CC#003399#000099#0000CC#000066#006666#006699#0099CC#0066CC#0033CC#0000FF#3333FF#333399#669999#009999#33CCCC#00CCFF#0099FF#0066FF#3366FF#3333CC#666699#339966#00CC99#00FFCC#00FFFF#33CCFF#3399FF#6699FF#6666FF#6600FF#6600CC#339933#00CC66#00FF99#66FFCC#66FFFF#66CCFF#99CCFF#9999FF#9966FF#9933FF#9900FF#006600#00CC00#00FF00#66FF99#99FFCC#CCFFFF#CCCCFF#CC99FF#CC66FF#CC33FF#CC00FF#9900CC#003300#009933#33CC33#66FF66#99FF99#CCFFCC#FFFFFF#FFCCFF#FF99FF#FF66FF#FF00FF#CC00CC#660066#336600#009900#66FF33#99FF66#CCFF99#FFFFCC#FFCCCC#FF99CC#FF66CC#FF33CC#CC0099#993399#333300#669900#99FF33#CCFF66#FFFF99#FFCC99#FF9999#FF6699#FF3399#CC3399#990099#666633#99CC00#CCFF33#FFFF66#FFCC66#FF9966#FF6666#FF0066#CC6699#993366#999966#CCCC00#FFFF00#FFCC00#FF9933#FF6600#FF5050#CC0066#660033#996633#CC9900#FF9900#CC6600#FF3300#FF0000#CC0000#990033#663300#996600#CC3300#993300#990000#800000#993333
 

Or Enter a Color:


Or Use HTML5:



Selected Color:



Black Text

Shadow

White Text

Shadow
#be9ec9
rgb(190, 158, 201)
hsl(285, 28%, 70%)

Lighter / Darker:

100%  #ffffff
95%  #f4eff6
90%  #e9deed
85%  #decee3
80%  #d3beda
75%  #c8add1
70% 

 #be9ec9
65%  #b28dbf
60%  #a77cb6
55%  #9c6cac
50%  #915ca3
45%  #835393
40%  #744983
35%  #664072
30%  #573762
25%  #492e52
20%  #3a2541
15%  #2c1c31
10%  #1d1221
5%  #0f0910
0%  #000000

Hue

hue HexRgbHsl
#c89d9drgb(200, 157, 157)hsl(0, 28%, 70%)
15 #c8a89drgb(200, 168, 157)hsl(15, 28%, 70%)
30 #c8b39drgb(200, 179, 157)hsl(30, 28%, 70%)
45 #c8bd9drgb(200, 189, 157)hsl(45, 28%, 70%)
60 #c8c89drgb(200, 200, 157)hsl(60, 28%, 70%)
75 #bdc89drgb(189, 200, 157)hsl(75, 28%, 70%)
90 #b3c89drgb(179, 200, 157)hsl(90, 28%, 70%)
105 #a8c89drgb(168, 200, 157)hsl(105, 28%, 70%)
120 #9dc89drgb(157, 200, 157)hsl(120, 28%, 70%)
135 #9dc8a8rgb(157, 200, 168)hsl(135, 28%, 70%)
150 #9dc8b3rgb(157, 200, 179)hsl(150, 28%, 70%)
165 #9dc8bdrgb(157, 200, 189)hsl(165, 28%, 70%)
180 #9dc8c8rgb(157, 200, 200)hsl(180, 28%, 70%)
195 #9dbdc8rgb(157, 189, 200)hsl(195, 28%, 70%)
210 #9db3c8rgb(157, 179, 200)hsl(210, 28%, 70%)
225 #9da8c8rgb(157, 168, 200)hsl(225, 28%, 70%)
240 #9d9dc8rgb(157, 157, 200)hsl(240, 28%, 70%)
255 #a89dc8rgb(168, 157, 200)hsl(255, 28%, 70%)
270 #b39dc8rgb(179, 157, 200)hsl(270, 28%, 70%)
285 #be9ec9rgb(190, 158, 201)hsl(285, 28%, 70%)
300 #c89dc8rgb(200, 157, 200)hsl(300, 28%, 70%)
315 #c89dbdrgb(200, 157, 189)hsl(315, 28%, 70%)
330 #c89db3rgb(200, 157, 179)hsl(330, 28%, 70%)
345 #c89da8rgb(200, 157, 168)hsl(345, 28%, 70%)
360 #c89d9drgb(200, 157, 157)hsl(0, 28%, 70%)


Saturation

sat HexRgbHsl
100% #d966ffrgb(217, 102, 255)hsl(285, 100%, 70%)
95% #d76afbrgb(215, 106, 251)hsl(285, 95%, 70%)
90% #d56ef7rgb(213, 110, 247)hsl(285, 90%, 70%)
85% #d371f4rgb(211, 113, 244)hsl(285, 85%, 70%)
80% #d175f0rgb(209, 117, 240)hsl(285, 80%, 70%)
75% #cf79ecrgb(207, 121, 236)hsl(285, 75%, 70%)
70% #cd7de8rgb(205, 125, 232)hsl(285, 70%, 70%)
65% #cb81e4rgb(203, 129, 228)hsl(285, 65%, 70%)
60% #c985e0rgb(201, 133, 224)hsl(285, 60%, 70%)
55% #c888ddrgb(200, 136, 221)hsl(285, 55%, 70%)
50% #c68cd9rgb(198, 140, 217)hsl(285, 50%, 70%)
45% #c490d5rgb(196, 144, 213)hsl(285, 45%, 70%)
40% #c294d1rgb(194, 148, 209)hsl(285, 40%, 70%)
35% #c098cdrgb(192, 152, 205)hsl(285, 35%, 70%)
30% #be9cc9rgb(190, 156, 201)hsl(285, 30%, 70%)
28% #be9ec9rgb(190, 158, 201)hsl(285, 28%, 70%)
25% #bc9fc6rgb(188, 159, 198)hsl(285, 25%, 70%)
20% #baa3c2rgb(186, 163, 194)hsl(285, 20%, 70%)
15% #b8a7bergb(184, 167, 190)hsl(285, 15%, 70%)
10% #b6abbargb(182, 171, 186)hsl(285, 10%, 70%)
5% #b4afb6rgb(180, 175, 182)hsl(285, 5%, 70%)
0% #b3b3b3rgb(179, 179, 179)hsl(285, 0%, 70%)

Lightness

light HexRgbHsl
100% #ffffffrgb(255, 255, 255)hsl(285, 28%, 100%)
95% #f4eff6rgb(244, 239, 246)hsl(285, 28%, 95%)
90% #e9deedrgb(233, 222, 237)hsl(285, 28%, 90%)
85% #decee3rgb(222, 206, 227)hsl(285, 28%, 85%)
80% #d3bedargb(211, 190, 218)hsl(285, 28%, 80%)
75% #c8add1rgb(200, 173, 209)hsl(285, 28%, 75%)
70% #be9ec9rgb(190, 158, 201)hsl(285, 28%, 70%)
65% #b28dbfrgb(178, 141, 191)hsl(285, 28%, 65%)
60% #a77cb6rgb(167, 124, 182)hsl(285, 28%, 60%)
55% #9c6cacrgb(156, 108, 172)hsl(285, 28%, 55%)
50% #915ca3rgb(145, 92, 163)hsl(285, 28%, 50%)
45% #835393rgb(131, 83, 147)hsl(285, 28%, 45%)
40% #744983rgb(116, 73, 131)hsl(285, 28%, 40%)
35% #664072rgb(102, 64, 114)hsl(285, 28%, 35%)
30% #573762rgb(87, 55, 98)hsl(285, 28%, 30%)
25% #492e52rgb(73, 46, 82)hsl(285, 28%, 25%)
20% #3a2541rgb(58, 37, 65)hsl(285, 28%, 20%)
15% #2c1c31rgb(44, 28, 49)hsl(285, 28%, 15%)
10% #1d1221rgb(29, 18, 33)hsl(285, 28%, 10%)
5% #0f0910rgb(15, 9, 16)hsl(285, 28%, 5%)
0% #000000rgb(0, 0, 0)hsl(285, 28%, 0%)

RGB (Red, Green, Blue)

Red Green Blue
190 158 201
rgb(190, 158, 201)
#be9ec9

Copyright 1999-2023 by Refsnes Data. All Rights Reserved.