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.
#3fa57e
Data
Red
63
Green
165
Blue
126
Hue
157°
White
25%
Black
35%
Saturation
45%
Lightness
45%
Brightness
51%
Tone = Dull
Hue = 157°
3 digits
#5b8
#5b7
#5b6
#5a8
#5a7
#5a6
#598
#597
#596
#4b8
#4b7
#4b6
#4a8
#4a7
#4a6
#498
#497
#496
#3b8
#3b7
#3b6
#3a8
#3a7
#3a6
#398
#397
#396
Named
mediumseagreen
cadetblue
seagreen
lightseagreen
slategray
steelblue
lightslategray
darkcyan
mediumaquamarine
teal
gray
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
-150 : 7
-135 : 22
-120 : 37
-105 : 52
-90 : 67
-75 : 82
-60 : 97
-45 : 112
-30 : 127
-15 : 142
-10 : 147
-5 : 152
-2 : 155
±0 : 157
+2 : 159
+5 : 162
+10 : 167
+15 : 172
+30 : 187
+45 : 202
+60 : 217
+75 : 232
+90 : 247
+105 : 262
+120 : 277
+135 : 292
+150 : 307
+165 : 322
+180 : 337
+195 : 352
Saturation
+55 : 100
+51 : 96
+47 : 92
+43 : 88
+39 : 84
+35 : 80
+31 : 76
+27 : 72
+23 : 68
+19 : 64
+15 : 60
+11 : 56
+7 : 52
+5 : 50
+3 : 48
+2 : 47
±0 : 45
-1 : 44
-2 : 43
-3 : 42
-5 : 40
-9 : 36
-13 : 32
-17 : 28
-21 : 24
-25 : 20
-29 : 16
-33 : 12
-37 : 8
-41 : 4
-45 : 0
Lightness
+55 : 100
+51 : 96
+47 : 92
+43 : 88
+39 : 84
+35 : 80
+31 : 76
+27 : 72
+23 : 68
+19 : 64
+15 : 60
+11 : 56
+7 : 52
+5 : 50
+3 : 48
+2 : 47
±0 : 45
-1 : 44
-2 : 43
-3 : 42
-5 : 40
-9 : 36
-13 : 32
-17 : 28
-21 : 24
-25 : 20
-29 : 16
-33 : 12
-37 : 8
-41 : 4
-45 : 0
White
-25 : 0
-21 : 4
-17 : 8
-13 : 12
-9 : 16
-5 : 20
-3 : 22
-2 : 23
-1 : 24
±0 : 25
+2 : 27
+3 : 28
+7 : 32
+11 : 36
+15 : 40
+19 : 44
+23 : 48
+25 : 50
+27 : 52
+31 : 56
+35 : 60
+39 : 64
+43 : 68
+47 : 72
+51 : 76
+55 : 80
+59 : 84
+63 : 88
+67 : 92
+71 : 96
+75 : 100
Black
-35 : 0
-31 : 4
-27 : 8
-23 : 12
-19 : 16
-15 : 20
-11 : 24
-7 : 28
-3 : 32
-2 : 33
±0 : 35
+1 : 36
+2 : 37
+3 : 38
+5 : 40
+9 : 44
+13 : 48
+15 : 50
+17 : 52
+21 : 56
+25 : 60
+29 : 64
+33 : 68
+37 : 72
+41 : 76
+45 : 80
+49 : 84
+53 : 88
+57 : 92
+61 : 96
+65 : 100
Red
+192 : 255
+175 : 238
+158 : 221
+141 : 204
+124 : 187
+107 : 170
+90 : 153
+73 : 136
+56 : 119
+39 : 102
+22 : 85
+8 : 71
+5 : 68
+4 : 67
+2 : 65
+1 : 64
±0 : 63
-1 : 62
-2 : 61
-4 : 59
-8 : 55
-12 : 51
-29 : 34
-46 : 17
-63 : 0
Green
+90 : 255
+73 : 238
+56 : 221
+39 : 204
+22 : 187
+8 : 173
+5 : 170
+4 : 169
+2 : 167
+1 : 166
±0 : 165
-1 : 164
-2 : 163
-4 : 161
-8 : 157
-12 : 153
-29 : 136
-46 : 119
-63 : 102
-80 : 85
-97 : 68
-114 : 51
-131 : 34
-148 : 17
-165 : 0
Blue
+129 : 255
+112 : 238
+95 : 221
+78 : 204
+61 : 187
+44 : 170
+27 : 153
+10 : 136
+8 : 134
+4 : 130
+2 : 128
+1 : 127
±0 : 126
-1 : 125
-2 : 124
-4 : 122
-7 : 119
-8 : 118
-24 : 102
-41 : 85
-58 : 68
-75 : 51
-92 : 34
-109 : 17
-126 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000