Color Picker
The background color will temporarily change when you hover the mouse cursor over it.
When you change the color, copy the color code to the clipboard.
#7652d3
Data
Red
118
Green
82
Blue
211
Hue
257°
White
32%
Black
17%
Saturation
59%
Lightness
57%
Brightness
42%
Tone = Soft
Hue = 257°
3 digits
#86d
#86c
#86b
#85d
#85c
#85b
#84d
#84c
#84b
#76d
#76c
#76b
#75d
#75c
#75b
#74d
#74c
#74b
#66d
#66c
#66b
#65d
#65c
#65b
#64d
#64c
#64b
Named
slateblue
mediumslateblue
mediumpurple
blueviolet
darkorchid
royalblue
rebeccapurple
mediumorchid
cornflowerblue
steelblue
lightslategray
slategray
Color Harmony
Analogous ±30°
Analogous ±30°
±60°
±60°
Square ±90°
Square ±90°
Triadic ±120°
Triadic ±120°
Split Complementary
Split Complementary
Complementary
Invert
White × Black
Hue × Saturation
Hue × Lightness
Hue Saturation Lightness White Black
Hue
-255 : 2
-240 : 17
-225 : 32
-210 : 47
-195 : 62
-180 : 77
-165 : 92
-150 : 107
-135 : 122
-120 : 137
-105 : 152
-90 : 167
-75 : 182
-60 : 197
-45 : 212
-30 : 227
-15 : 242
-10 : 247
-5 : 252
-2 : 255
±0 : 257
+2 : 259
+5 : 262
+10 : 267
+15 : 272
+30 : 287
+45 : 302
+60 : 317
+75 : 332
+90 : 347
Saturation
+41 : 100
+37 : 96
+33 : 92
+29 : 88
+25 : 84
+21 : 80
+17 : 76
+13 : 72
+9 : 68
+5 : 64
+3 : 62
+2 : 61
+1 : 60
±0 : 59
-2 : 57
-3 : 56
-7 : 52
-9 : 50
-11 : 48
-15 : 44
-19 : 40
-23 : 36
-27 : 32
-31 : 28
-35 : 24
-39 : 20
-43 : 16
-47 : 12
-51 : 8
-55 : 4
-59 : 0
Lightness
+43 : 100
+39 : 96
+35 : 92
+31 : 88
+27 : 84
+23 : 80
+19 : 76
+15 : 72
+11 : 68
+7 : 64
+3 : 60
+2 : 59
±0 : 57
-1 : 56
-2 : 55
-3 : 54
-5 : 52
-7 : 50
-9 : 48
-13 : 44
-17 : 40
-21 : 36
-25 : 32
-29 : 28
-33 : 24
-37 : 20
-41 : 16
-45 : 12
-49 : 8
-53 : 4
-57 : 0
White
-32 : 0
-28 : 4
-24 : 8
-20 : 12
-16 : 16
-12 : 20
-8 : 24
-4 : 28
-3 : 29
-2 : 30
±0 : 32
+2 : 34
+3 : 35
+4 : 36
+8 : 40
+12 : 44
+16 : 48
+18 : 50
+20 : 52
+24 : 56
+28 : 60
+32 : 64
+36 : 68
+40 : 72
+44 : 76
+48 : 80
+52 : 84
+56 : 88
+60 : 92
+64 : 96
+68 : 100
Black
-17 : 0
-13 : 4
-9 : 8
-5 : 12
-3 : 14
-2 : 15
-1 : 16
±0 : 17
+2 : 19
+3 : 20
+7 : 24
+11 : 28
+15 : 32
+19 : 36
+23 : 40
+27 : 44
+31 : 48
+33 : 50
+35 : 52
+39 : 56
+43 : 60
+47 : 64
+51 : 68
+55 : 72
+59 : 76
+63 : 80
+67 : 84
+71 : 88
+75 : 92
+79 : 96
+83 : 100
Red
+137 : 255
+120 : 238
+103 : 221
+86 : 204
+69 : 187
+52 : 170
+35 : 153
+18 : 136
+8 : 126
+4 : 122
+2 : 120
+1 : 119
±0 : 118
-1 : 117
-2 : 116
-4 : 114
-8 : 110
-16 : 102
-33 : 85
-50 : 68
-67 : 51
-84 : 34
-101 : 17
-118 : 0
Green
+173 : 255
+156 : 238
+139 : 221
+122 : 204
+105 : 187
+88 : 170
+71 : 153
+54 : 136
+37 : 119
+20 : 102
+8 : 90
+4 : 86
+3 : 85
+2 : 84
+1 : 83
±0 : 82
-1 : 81
-2 : 80
-4 : 78
-8 : 74
-14 : 68
-31 : 51
-48 : 34
-65 : 17
-82 : 0
Blue
+44 : 255
+27 : 238
+10 : 221
+8 : 219
+4 : 215
+2 : 213
+1 : 212
±0 : 211
-1 : 210
-2 : 209
-4 : 207
-7 : 204
-8 : 203
-24 : 187
-41 : 170
-58 : 153
-75 : 136
-92 : 119
-109 : 102
-126 : 85
-143 : 68
-160 : 51
-177 : 34
-194 : 17
-211 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000