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.
#f286cd
Data
Red
242
Green
134
Blue
205
Hue
321°
White
53%
Black
5%
Saturation
81%
Lightness
74%
Brightness
68%
Tone = Bright
Hue = 321°
3 digits
#f9d
#f9c
#f9b
#f8d
#f8c
#f8b
#f7d
#f7c
#f7b
#e9d
#e9c
#e9b
#e8d
#e8c
#e8b
#e7d
#e7c
#e7b
#d9d
#d9c
#d9b
#d8d
#d8c
#d8b
#d7d
#d7c
#d7b
Named
violet
orchid
plum
hotpink
lightpink
pink
thistle
palevioletred
mediumorchid
lightcoral
silver
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
-315 : 6
-300 : 21
-285 : 36
-270 : 51
-255 : 66
-240 : 81
-225 : 96
-210 : 111
-195 : 126
-180 : 141
-165 : 156
-150 : 171
-135 : 186
-120 : 201
-105 : 216
-90 : 231
-75 : 246
-60 : 261
-45 : 276
-30 : 291
-15 : 306
-10 : 311
-5 : 316
-2 : 319
±0 : 321
+2 : 323
+5 : 326
+10 : 331
+15 : 336
+30 : 351
Saturation
+19 : 100
+15 : 96
+11 : 92
+7 : 88
+3 : 84
+2 : 83
±0 : 81
-1 : 80
-2 : 79
-3 : 78
-5 : 76
-9 : 72
-13 : 68
-17 : 64
-21 : 60
-25 : 56
-29 : 52
-31 : 50
-33 : 48
-37 : 44
-41 : 40
-45 : 36
-49 : 32
-53 : 28
-57 : 24
-61 : 20
-65 : 16
-69 : 12
-73 : 8
-77 : 4
-81 : 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
-53 : 0
-49 : 4
-45 : 8
-41 : 12
-37 : 16
-33 : 20
-29 : 24
-25 : 28
-21 : 32
-17 : 36
-13 : 40
-9 : 44
-5 : 48
-3 : 50
-2 : 51
-1 : 52
±0 : 53
+2 : 55
+3 : 56
+7 : 60
+11 : 64
+15 : 68
+19 : 72
+23 : 76
+27 : 80
+31 : 84
+35 : 88
+39 : 92
+43 : 96
+47 : 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
+13 : 255
+8 : 250
+4 : 246
+2 : 244
+1 : 243
±0 : 242
-1 : 241
-2 : 240
-4 : 238
-8 : 234
-21 : 221
-38 : 204
-55 : 187
-72 : 170
-89 : 153
-106 : 136
-123 : 119
-140 : 102
-157 : 85
-174 : 68
-191 : 51
-208 : 34
-225 : 17
-242 : 0
Green
+121 : 255
+104 : 238
+87 : 221
+70 : 204
+53 : 187
+36 : 170
+19 : 153
+8 : 142
+4 : 138
+2 : 136
+1 : 135
±0 : 134
-1 : 133
-2 : 132
-4 : 130
-8 : 126
-15 : 119
-32 : 102
-49 : 85
-66 : 68
-83 : 51
-100 : 34
-117 : 17
-134 : 0
Blue
+50 : 255
+33 : 238
+16 : 221
+8 : 213
+4 : 209
+2 : 207
+1 : 206
±0 : 205
-1 : 204
-2 : 203
-4 : 201
-8 : 197
-18 : 187
-35 : 170
-52 : 153
-69 : 136
-86 : 119
-103 : 102
-120 : 85
-137 : 68
-154 : 51
-171 : 34
-188 : 17
-205 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000