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.
#f397dd
Data
Red
243
Green
151
Blue
221
Hue
314°
White
59%
Black
5%
Saturation
79%
Lightness
77%
Brightness
73%
Tone = Bright
Hue = 314°
3 digits
#fae
#fad
#fac
#f9e
#f9d
#f9c
#f8e
#f8d
#f8c
#eae
#ead
#eac
#e9e
#e9d
#e9c
#e8e
#e8d
#e8c
#dae
#dad
#dac
#d9e
#d9d
#d9c
#d8e
#d8d
#d8c
Named
plum
violet
lightpink
pink
orchid
thistle
hotpink
lightgray
silver
gainsboro
peachpuff
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
-300 : 14
-285 : 29
-270 : 44
-255 : 59
-240 : 74
-225 : 89
-210 : 104
-195 : 119
-180 : 134
-165 : 149
-150 : 164
-135 : 179
-120 : 194
-105 : 209
-90 : 224
-75 : 239
-60 : 254
-45 : 269
-30 : 284
-15 : 299
-10 : 304
-5 : 309
-2 : 312
±0 : 314
+2 : 316
+5 : 319
+10 : 324
+15 : 329
+30 : 344
+45 : 359
Saturation
+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
Lightness
+23 : 100
+19 : 96
+15 : 92
+11 : 88
+7 : 84
+3 : 80
+2 : 79
±0 : 77
-1 : 76
-2 : 75
-3 : 74
-5 : 72
-9 : 68
-13 : 64
-17 : 60
-21 : 56
-25 : 52
-27 : 50
-29 : 48
-33 : 44
-37 : 40
-41 : 36
-45 : 32
-49 : 28
-53 : 24
-57 : 20
-61 : 16
-65 : 12
-69 : 8
-73 : 4
-77 : 0
White
-59 : 0
-55 : 4
-51 : 8
-47 : 12
-43 : 16
-39 : 20
-35 : 24
-31 : 28
-27 : 32
-23 : 36
-19 : 40
-15 : 44
-11 : 48
-9 : 50
-7 : 52
-3 : 56
-2 : 57
±0 : 59
+1 : 60
+2 : 61
+3 : 62
+5 : 64
+9 : 68
+13 : 72
+17 : 76
+21 : 80
+25 : 84
+29 : 88
+33 : 92
+37 : 96
+41 : 100
Black
-5 : 0
-3 : 2
-2 : 3
-1 : 4
±0 : 5
+2 : 7
+3 : 8
+7 : 12
+11 : 16
+15 : 20
+19 : 24
+23 : 28
+27 : 32
+31 : 36
+35 : 40
+39 : 44
+43 : 48
+45 : 50
+47 : 52
+51 : 56
+55 : 60
+59 : 64
+63 : 68
+67 : 72
+71 : 76
+75 : 80
+79 : 84
+83 : 88
+87 : 92
+91 : 96
+95 : 100
Red
+12 : 255
+8 : 251
+4 : 247
+2 : 245
+1 : 244
±0 : 243
-1 : 242
-2 : 241
-4 : 239
-5 : 238
-8 : 235
-22 : 221
-39 : 204
-56 : 187
-73 : 170
-90 : 153
-107 : 136
-124 : 119
-141 : 102
-158 : 85
-175 : 68
-192 : 51
-209 : 34
-226 : 17
-243 : 0
Green
+104 : 255
+87 : 238
+70 : 221
+53 : 204
+36 : 187
+19 : 170
+8 : 159
+4 : 155
+2 : 153
+1 : 152
±0 : 151
-1 : 150
-2 : 149
-4 : 147
-8 : 143
-15 : 136
-32 : 119
-49 : 102
-66 : 85
-83 : 68
-100 : 51
-117 : 34
-134 : 17
-151 : 0
Blue
+34 : 255
+17 : 238
+8 : 229
+4 : 225
+2 : 223
+1 : 222
±0 : 221
-1 : 220
-2 : 219
-4 : 217
-8 : 213
-17 : 204
-34 : 187
-51 : 170
-68 : 153
-85 : 136
-102 : 119
-119 : 102
-136 : 85
-153 : 68
-170 : 51
-187 : 34
-204 : 17
-221 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000