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.
#f76fb2
Data
Red
247
Green
111
Blue
178
Hue
330°
White
44%
Black
3%
Saturation
89%
Lightness
70%
Brightness
62%
Tone = Bright
Hue = 330°
3 digits
#f8b
#f8a
#f89
#f7b
#f7a
#f79
#f6b
#f6a
#f69
#e8b
#e8a
#e89
#e7b
#e7a
#e79
#e6b
#e6a
#e69
#d8b
#d8a
#d89
#d7b
#d7a
#d79
#d6b
#d6a
#d69
Named
hotpink
palevioletred
orchid
lightcoral
violet
salmon
darksalmon
plum
lightpink
mediumorchid
lightsalmon
rosybrown
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
-330 : 0
-315 : 15
-300 : 30
-285 : 45
-270 : 60
-255 : 75
-240 : 90
-225 : 105
-210 : 120
-195 : 135
-180 : 150
-165 : 165
-150 : 180
-135 : 195
-120 : 210
-105 : 225
-90 : 240
-75 : 255
-60 : 270
-45 : 285
-30 : 300
-15 : 315
-10 : 320
-5 : 325
-2 : 328
±0 : 330
+2 : 332
+5 : 335
+10 : 340
+15 : 345
Saturation
+11 : 100
+7 : 96
+3 : 92
+2 : 91
±0 : 89
-1 : 88
-2 : 87
-3 : 86
-5 : 84
-9 : 80
-13 : 76
-17 : 72
-21 : 68
-25 : 64
-29 : 60
-33 : 56
-37 : 52
-39 : 50
-41 : 48
-45 : 44
-49 : 40
-53 : 36
-57 : 32
-61 : 28
-65 : 24
-69 : 20
-73 : 16
-77 : 12
-81 : 8
-85 : 4
-89 : 0
Lightness
+30 : 100
+26 : 96
+22 : 92
+18 : 88
+14 : 84
+10 : 80
+6 : 76
+3 : 73
+2 : 72
±0 : 70
-2 : 68
-3 : 67
-6 : 64
-10 : 60
-14 : 56
-18 : 52
-20 : 50
-22 : 48
-26 : 44
-30 : 40
-34 : 36
-38 : 32
-42 : 28
-46 : 24
-50 : 20
-54 : 16
-58 : 12
-62 : 8
-66 : 4
-70 : 0
White
-44 : 0
-40 : 4
-36 : 8
-32 : 12
-28 : 16
-24 : 20
-20 : 24
-16 : 28
-12 : 32
-8 : 36
-4 : 40
-3 : 41
-2 : 42
±0 : 44
+2 : 46
+3 : 47
+4 : 48
+6 : 50
+8 : 52
+12 : 56
+16 : 60
+20 : 64
+24 : 68
+28 : 72
+32 : 76
+36 : 80
+40 : 84
+44 : 88
+48 : 92
+52 : 96
+56 : 100
Black
-3 : 0
-2 : 1
±0 : 3
+1 : 4
+2 : 5
+3 : 6
+5 : 8
+9 : 12
+13 : 16
+17 : 20
+21 : 24
+25 : 28
+29 : 32
+33 : 36
+37 : 40
+41 : 44
+45 : 48
+47 : 50
+49 : 52
+53 : 56
+57 : 60
+61 : 64
+65 : 68
+69 : 72
+73 : 76
+77 : 80
+81 : 84
+85 : 88
+89 : 92
+93 : 96
+97 : 100
Red
+8 : 255
+4 : 251
+2 : 249
+1 : 248
±0 : 247
-1 : 246
-2 : 245
-4 : 243
-8 : 239
-9 : 238
-26 : 221
-43 : 204
-60 : 187
-77 : 170
-94 : 153
-111 : 136
-128 : 119
-145 : 102
-162 : 85
-179 : 68
-196 : 51
-213 : 34
-230 : 17
-247 : 0
Green
+144 : 255
+127 : 238
+110 : 221
+93 : 204
+76 : 187
+59 : 170
+42 : 153
+25 : 136
+8 : 119
+4 : 115
+2 : 113
+1 : 112
±0 : 111
-1 : 110
-2 : 109
-4 : 107
-8 : 103
-9 : 102
-26 : 85
-43 : 68
-60 : 51
-77 : 34
-94 : 17
-111 : 0
Blue
+77 : 255
+60 : 238
+43 : 221
+26 : 204
+9 : 187
+8 : 186
+4 : 182
+2 : 180
+1 : 179
±0 : 178
-1 : 177
-2 : 176
-4 : 174
-8 : 170
-25 : 153
-42 : 136
-59 : 119
-76 : 102
-93 : 85
-110 : 68
-127 : 51
-144 : 34
-161 : 17
-178 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000