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.
#dfa7ee
Data
Red
223
Green
167
Blue
238
Hue
287°
White
65%
Black
7%
Saturation
68%
Lightness
79%
Brightness
75%
Tone = Light
Hue = 287°
3 digits
#ebf
#ebe
#ebd
#eaf
#eae
#ead
#e9f
#e9e
#e9d
#dbf
#dbe
#dbd
#daf
#dae
#dad
#d9f
#d9e
#d9d
#cbf
#cbe
#cbd
#caf
#cae
#cad
#c9f
#c9e
#c9d
Named
plum
thistle
violet
lightgray
pink
gainsboro
lightpink
lightsteelblue
orchid
silver
lavender
mistyrose
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
-285 : 2
-270 : 17
-255 : 32
-240 : 47
-225 : 62
-210 : 77
-195 : 92
-180 : 107
-165 : 122
-150 : 137
-135 : 152
-120 : 167
-105 : 182
-90 : 197
-75 : 212
-60 : 227
-45 : 242
-30 : 257
-15 : 272
-10 : 277
-5 : 282
-2 : 285
±0 : 287
+2 : 289
+5 : 292
+10 : 297
+15 : 302
+30 : 317
+45 : 332
+60 : 347
Saturation
+32 : 100
+28 : 96
+24 : 92
+20 : 88
+16 : 84
+12 : 80
+8 : 76
+4 : 72
+3 : 71
+2 : 70
±0 : 68
-2 : 66
-3 : 65
-4 : 64
-8 : 60
-12 : 56
-16 : 52
-18 : 50
-20 : 48
-24 : 44
-28 : 40
-32 : 36
-36 : 32
-40 : 28
-44 : 24
-48 : 20
-52 : 16
-56 : 12
-60 : 8
-64 : 4
-68 : 0
Lightness
+21 : 100
+17 : 96
+13 : 92
+9 : 88
+5 : 84
+3 : 82
+2 : 81
+1 : 80
±0 : 79
-2 : 77
-3 : 76
-7 : 72
-11 : 68
-15 : 64
-19 : 60
-23 : 56
-27 : 52
-29 : 50
-31 : 48
-35 : 44
-39 : 40
-43 : 36
-47 : 32
-51 : 28
-55 : 24
-59 : 20
-63 : 16
-67 : 12
-71 : 8
-75 : 4
-79 : 0
White
-65 : 0
-61 : 4
-57 : 8
-53 : 12
-49 : 16
-45 : 20
-41 : 24
-37 : 28
-33 : 32
-29 : 36
-25 : 40
-21 : 44
-17 : 48
-15 : 50
-13 : 52
-9 : 56
-5 : 60
-3 : 62
-2 : 63
-1 : 64
±0 : 65
+2 : 67
+3 : 68
+7 : 72
+11 : 76
+15 : 80
+19 : 84
+23 : 88
+27 : 92
+31 : 96
+35 : 100
Black
-7 : 0
-3 : 4
-2 : 5
±0 : 7
+1 : 8
+2 : 9
+3 : 10
+5 : 12
+9 : 16
+13 : 20
+17 : 24
+21 : 28
+25 : 32
+29 : 36
+33 : 40
+37 : 44
+41 : 48
+43 : 50
+45 : 52
+49 : 56
+53 : 60
+57 : 64
+61 : 68
+65 : 72
+69 : 76
+73 : 80
+77 : 84
+81 : 88
+85 : 92
+89 : 96
+93 : 100
Red
+32 : 255
+15 : 238
+8 : 231
+4 : 227
+2 : 225
+1 : 224
±0 : 223
-1 : 222
-2 : 221
-4 : 219
-8 : 215
-19 : 204
-36 : 187
-53 : 170
-70 : 153
-87 : 136
-104 : 119
-121 : 102
-138 : 85
-155 : 68
-172 : 51
-189 : 34
-206 : 17
-223 : 0
Green
+88 : 255
+71 : 238
+54 : 221
+37 : 204
+20 : 187
+8 : 175
+4 : 171
+3 : 170
+2 : 169
+1 : 168
±0 : 167
-1 : 166
-2 : 165
-4 : 163
-8 : 159
-14 : 153
-31 : 136
-48 : 119
-65 : 102
-82 : 85
-99 : 68
-116 : 51
-133 : 34
-150 : 17
-167 : 0
Blue
+17 : 255
+8 : 246
+4 : 242
+2 : 240
+1 : 239
±0 : 238
-1 : 237
-2 : 236
-4 : 234
-8 : 230
-17 : 221
-34 : 204
-51 : 187
-68 : 170
-85 : 153
-102 : 136
-119 : 119
-136 : 102
-153 : 85
-170 : 68
-187 : 51
-204 : 34
-221 : 17
-238 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000