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.
#f55778
Data
Red
245
Green
87
Blue
120
Hue
347°
White
34%
Black
4%
Saturation
89%
Lightness
65%
Brightness
54%
Tone = Soft
Hue = 347°
3 digits
#f68
#f67
#f66
#f58
#f57
#f56
#f48
#f47
#f46
#e68
#e67
#e66
#e58
#e57
#e56
#e48
#e47
#e46
#d68
#d67
#d66
#d58
#d57
#d56
#d48
#d47
#d46
Named
salmon
lightcoral
palevioletred
indianred
tomato
coral
hotpink
darksalmon
deeppink
lightsalmon
sandybrown
mediumvioletred
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
-345 : 2
-330 : 17
-315 : 32
-300 : 47
-285 : 62
-270 : 77
-255 : 92
-240 : 107
-225 : 122
-210 : 137
-195 : 152
-180 : 167
-165 : 182
-150 : 197
-135 : 212
-120 : 227
-105 : 242
-90 : 257
-75 : 272
-60 : 287
-45 : 302
-30 : 317
-15 : 332
-10 : 337
-5 : 342
-2 : 345
±0 : 347
+2 : 349
+5 : 352
+10 : 357
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
+35 : 100
+31 : 96
+27 : 92
+23 : 88
+19 : 84
+15 : 80
+11 : 76
+7 : 72
+3 : 68
+2 : 67
±0 : 65
-1 : 64
-2 : 63
-3 : 62
-5 : 60
-9 : 56
-13 : 52
-15 : 50
-17 : 48
-21 : 44
-25 : 40
-29 : 36
-33 : 32
-37 : 28
-41 : 24
-45 : 20
-49 : 16
-53 : 12
-57 : 8
-61 : 4
-65 : 0
White
-34 : 0
-30 : 4
-26 : 8
-22 : 12
-18 : 16
-14 : 20
-10 : 24
-6 : 28
-3 : 31
-2 : 32
±0 : 34
+2 : 36
+3 : 37
+6 : 40
+10 : 44
+14 : 48
+16 : 50
+18 : 52
+22 : 56
+26 : 60
+30 : 64
+34 : 68
+38 : 72
+42 : 76
+46 : 80
+50 : 84
+54 : 88
+58 : 92
+62 : 96
+66 : 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
+10 : 255
+8 : 253
+4 : 249
+2 : 247
+1 : 246
±0 : 245
-1 : 244
-2 : 243
-4 : 241
-7 : 238
-8 : 237
-24 : 221
-41 : 204
-58 : 187
-75 : 170
-92 : 153
-109 : 136
-126 : 119
-143 : 102
-160 : 85
-177 : 68
-194 : 51
-211 : 34
-228 : 17
-245 : 0
Green
+168 : 255
+151 : 238
+134 : 221
+117 : 204
+100 : 187
+83 : 170
+66 : 153
+49 : 136
+32 : 119
+15 : 102
+8 : 95
+4 : 91
+2 : 89
+1 : 88
±0 : 87
-1 : 86
-2 : 85
-4 : 83
-8 : 79
-19 : 68
-36 : 51
-53 : 34
-70 : 17
-87 : 0
Blue
+135 : 255
+118 : 238
+101 : 221
+84 : 204
+67 : 187
+50 : 170
+33 : 153
+16 : 136
+8 : 128
+4 : 124
+2 : 122
+1 : 121
±0 : 120
-1 : 119
-2 : 118
-4 : 116
-8 : 112
-18 : 102
-35 : 85
-52 : 68
-69 : 51
-86 : 34
-103 : 17
-120 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000