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.
#83bc56
Data
Red
131
Green
188
Blue
86
Hue
94°
White
34%
Black
26%
Saturation
43%
Lightness
54%
Brightness
62%
Tone = Soft
Hue = 94°
3 digits
#9c6
#9c5
#9c4
#9b6
#9b5
#9b4
#9a6
#9a5
#9a4
#8c6
#8c5
#8c4
#8b6
#8b5
#8b4
#8a6
#8a5
#8a4
#7c6
#7c5
#7c4
#7b6
#7b5
#7b4
#7a6
#7a5
#7a4
Named
yellowgreen
darkseagreen
darkkhaki
olivedrab
gray
mediumseagreen
lightgreen
slategray
lightslategray
cadetblue
greenyellow
dimgray
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
-90 : 4
-75 : 19
-60 : 34
-45 : 49
-30 : 64
-15 : 79
-10 : 84
-5 : 89
-2 : 92
±0 : 94
+2 : 96
+5 : 99
+10 : 104
+15 : 109
+30 : 124
+45 : 139
+60 : 154
+75 : 169
+90 : 184
+105 : 199
+120 : 214
+135 : 229
+150 : 244
+165 : 259
+180 : 274
+195 : 289
+210 : 304
+225 : 319
+240 : 334
+255 : 349
Saturation
+57 : 100
+53 : 96
+49 : 92
+45 : 88
+41 : 84
+37 : 80
+33 : 76
+29 : 72
+25 : 68
+21 : 64
+17 : 60
+13 : 56
+9 : 52
+7 : 50
+5 : 48
+3 : 46
+2 : 45
+1 : 44
±0 : 43
-2 : 41
-3 : 40
-7 : 36
-11 : 32
-15 : 28
-19 : 24
-23 : 20
-27 : 16
-31 : 12
-35 : 8
-39 : 4
-43 : 0
Lightness
+46 : 100
+42 : 96
+38 : 92
+34 : 88
+30 : 84
+26 : 80
+22 : 76
+18 : 72
+14 : 68
+10 : 64
+6 : 60
+3 : 57
+2 : 56
±0 : 54
-2 : 52
-3 : 51
-4 : 50
-6 : 48
-10 : 44
-14 : 40
-18 : 36
-22 : 32
-26 : 28
-30 : 24
-34 : 20
-38 : 16
-42 : 12
-46 : 8
-50 : 4
-54 : 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
-26 : 0
-22 : 4
-18 : 8
-14 : 12
-10 : 16
-6 : 20
-3 : 23
-2 : 24
±0 : 26
+2 : 28
+3 : 29
+6 : 32
+10 : 36
+14 : 40
+18 : 44
+22 : 48
+24 : 50
+26 : 52
+30 : 56
+34 : 60
+38 : 64
+42 : 68
+46 : 72
+50 : 76
+54 : 80
+58 : 84
+62 : 88
+66 : 92
+70 : 96
+74 : 100
Red
+124 : 255
+107 : 238
+90 : 221
+73 : 204
+56 : 187
+39 : 170
+22 : 153
+8 : 139
+5 : 136
+4 : 135
+2 : 133
+1 : 132
±0 : 131
-1 : 130
-2 : 129
-4 : 127
-8 : 123
-12 : 119
-29 : 102
-46 : 85
-63 : 68
-80 : 51
-97 : 34
-114 : 17
-131 : 0
Green
+67 : 255
+50 : 238
+33 : 221
+16 : 204
+8 : 196
+4 : 192
+2 : 190
+1 : 189
±0 : 188
-1 : 187
-2 : 186
-4 : 184
-8 : 180
-18 : 170
-35 : 153
-52 : 136
-69 : 119
-86 : 102
-103 : 85
-120 : 68
-137 : 51
-154 : 34
-171 : 17
-188 : 0
Blue
+169 : 255
+152 : 238
+135 : 221
+118 : 204
+101 : 187
+84 : 170
+67 : 153
+50 : 136
+33 : 119
+16 : 102
+8 : 94
+4 : 90
+2 : 88
+1 : 87
±0 : 86
-1 : 85
-2 : 84
-4 : 82
-8 : 78
-18 : 68
-35 : 51
-52 : 34
-69 : 17
-86 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000