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.
#f682bd
Data
Red
246
Green
130
Blue
189
Hue
329°
White
51%
Black
4%
Saturation
87%
Lightness
74%
Brightness
67%
Tone = Bright
Hue = 329°
3 digits
#f9c
#f9b
#f9a
#f8c
#f8b
#f8a
#f7c
#f7b
#f7a
#e9c
#e9b
#e9a
#e8c
#e8b
#e8a
#e7c
#e7b
#e7a
#d9c
#d9b
#d9a
#d8c
#d8b
#d8a
#d7c
#d7b
#d7a
Named
hotpink
orchid
violet
plum
lightpink
palevioletred
lightcoral
pink
darksalmon
thistle
lightsalmon
salmon
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
-315 : 14
-300 : 29
-285 : 44
-270 : 59
-255 : 74
-240 : 89
-225 : 104
-210 : 119
-195 : 134
-180 : 149
-165 : 164
-150 : 179
-135 : 194
-120 : 209
-105 : 224
-90 : 239
-75 : 254
-60 : 269
-45 : 284
-30 : 299
-15 : 314
-10 : 319
-5 : 324
-2 : 327
±0 : 329
+2 : 331
+5 : 334
+10 : 339
+15 : 344
+30 : 359
Saturation
+13 : 100
+9 : 96
+5 : 92
+3 : 90
+2 : 89
+1 : 88
±0 : 87
-2 : 85
-3 : 84
-7 : 80
-11 : 76
-15 : 72
-19 : 68
-23 : 64
-27 : 60
-31 : 56
-35 : 52
-37 : 50
-39 : 48
-43 : 44
-47 : 40
-51 : 36
-55 : 32
-59 : 28
-63 : 24
-67 : 20
-71 : 16
-75 : 12
-79 : 8
-83 : 4
-87 : 0
Lightness
+26 : 100
+22 : 96
+18 : 92
+14 : 88
+10 : 84
+6 : 80
+3 : 77
+2 : 76
±0 : 74
-2 : 72
-3 : 71
-6 : 68
-10 : 64
-14 : 60
-18 : 56
-22 : 52
-24 : 50
-26 : 48
-30 : 44
-34 : 40
-38 : 36
-42 : 32
-46 : 28
-50 : 24
-54 : 20
-58 : 16
-62 : 12
-66 : 8
-70 : 4
-74 : 0
White
-51 : 0
-47 : 4
-43 : 8
-39 : 12
-35 : 16
-31 : 20
-27 : 24
-23 : 28
-19 : 32
-15 : 36
-11 : 40
-7 : 44
-3 : 48
-2 : 49
-1 : 50
±0 : 51
+1 : 52
+2 : 53
+3 : 54
+5 : 56
+9 : 60
+13 : 64
+17 : 68
+21 : 72
+25 : 76
+29 : 80
+33 : 84
+37 : 88
+41 : 92
+45 : 96
+49 : 100
Black
-4 : 0
-3 : 1
-2 : 2
±0 : 4
+2 : 6
+3 : 7
+4 : 8
+8 : 12
+12 : 16
+16 : 20
+20 : 24
+24 : 28
+28 : 32
+32 : 36
+36 : 40
+40 : 44
+44 : 48
+46 : 50
+48 : 52
+52 : 56
+56 : 60
+60 : 64
+64 : 68
+68 : 72
+72 : 76
+76 : 80
+80 : 84
+84 : 88
+88 : 92
+92 : 96
+96 : 100
Red
+9 : 255
+8 : 254
+4 : 250
+2 : 248
+1 : 247
±0 : 246
-1 : 245
-2 : 244
-4 : 242
-8 : 238
-25 : 221
-42 : 204
-59 : 187
-76 : 170
-93 : 153
-110 : 136
-127 : 119
-144 : 102
-161 : 85
-178 : 68
-195 : 51
-212 : 34
-229 : 17
-246 : 0
Green
+125 : 255
+108 : 238
+91 : 221
+74 : 204
+57 : 187
+40 : 170
+23 : 153
+8 : 138
+6 : 136
+4 : 134
+2 : 132
+1 : 131
±0 : 130
-1 : 129
-2 : 128
-4 : 126
-8 : 122
-11 : 119
-28 : 102
-45 : 85
-62 : 68
-79 : 51
-96 : 34
-113 : 17
-130 : 0
Blue
+66 : 255
+49 : 238
+32 : 221
+15 : 204
+8 : 197
+4 : 193
+2 : 191
+1 : 190
±0 : 189
-1 : 188
-2 : 187
-4 : 185
-8 : 181
-19 : 170
-36 : 153
-53 : 136
-70 : 119
-87 : 102
-104 : 85
-121 : 68
-138 : 51
-155 : 34
-172 : 17
-189 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000