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.
#577252
Data
Red
87
Green
114
Blue
82
Hue
111°
White
32%
Black
55%
Saturation
16%
Lightness
38%
Brightness
40%
Tone = Grayish
Hue = 111°
3 digits
#686
#685
#684
#676
#675
#674
#666
#665
#664
#586
#585
#584
#576
#575
#574
#566
#565
#564
#486
#485
#484
#476
#475
#474
#466
#465
#464
Named
dimgray
darkolivegreen
seagreen
darkslategray
olivedrab
gray
slategray
forestgreen
mediumseagreen
darkslateblue
lightslategray
sienna
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
-105 : 6
-90 : 21
-75 : 36
-60 : 51
-45 : 66
-30 : 81
-15 : 96
-10 : 101
-5 : 106
-2 : 109
±0 : 111
+2 : 113
+5 : 116
+10 : 121
+15 : 126
+30 : 141
+45 : 156
+60 : 171
+75 : 186
+90 : 201
+105 : 216
+120 : 231
+135 : 246
+150 : 261
+165 : 276
+180 : 291
+195 : 306
+210 : 321
+225 : 336
+240 : 351
Saturation
+84 : 100
+80 : 96
+76 : 92
+72 : 88
+68 : 84
+64 : 80
+60 : 76
+56 : 72
+52 : 68
+48 : 64
+44 : 60
+40 : 56
+36 : 52
+34 : 50
+32 : 48
+28 : 44
+24 : 40
+20 : 36
+16 : 32
+12 : 28
+8 : 24
+4 : 20
+3 : 19
+2 : 18
±0 : 16
-2 : 14
-3 : 13
-4 : 12
-8 : 8
-12 : 4
-16 : 0
Lightness
+62 : 100
+58 : 96
+54 : 92
+50 : 88
+46 : 84
+42 : 80
+38 : 76
+34 : 72
+30 : 68
+26 : 64
+22 : 60
+18 : 56
+14 : 52
+12 : 50
+10 : 48
+6 : 44
+3 : 41
+2 : 40
±0 : 38
-2 : 36
-3 : 35
-6 : 32
-10 : 28
-14 : 24
-18 : 20
-22 : 16
-26 : 12
-30 : 8
-34 : 4
-38 : 0
White
-32 : 0
-28 : 4
-24 : 8
-20 : 12
-16 : 16
-12 : 20
-8 : 24
-4 : 28
-3 : 29
-2 : 30
±0 : 32
+2 : 34
+3 : 35
+4 : 36
+8 : 40
+12 : 44
+16 : 48
+18 : 50
+20 : 52
+24 : 56
+28 : 60
+32 : 64
+36 : 68
+40 : 72
+44 : 76
+48 : 80
+52 : 84
+56 : 88
+60 : 92
+64 : 96
+68 : 100
Black
-55 : 0
-51 : 4
-47 : 8
-43 : 12
-39 : 16
-35 : 20
-31 : 24
-27 : 28
-23 : 32
-19 : 36
-15 : 40
-11 : 44
-7 : 48
-5 : 50
-3 : 52
-2 : 53
±0 : 55
+1 : 56
+2 : 57
+3 : 58
+5 : 60
+9 : 64
+13 : 68
+17 : 72
+21 : 76
+25 : 80
+29 : 84
+33 : 88
+37 : 92
+41 : 96
+45 : 100
Red
+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
Green
+141 : 255
+124 : 238
+107 : 221
+90 : 204
+73 : 187
+56 : 170
+39 : 153
+22 : 136
+8 : 122
+5 : 119
+4 : 118
+2 : 116
+1 : 115
±0 : 114
-1 : 113
-2 : 112
-4 : 110
-8 : 106
-12 : 102
-29 : 85
-46 : 68
-63 : 51
-80 : 34
-97 : 17
-114 : 0
Blue
+173 : 255
+156 : 238
+139 : 221
+122 : 204
+105 : 187
+88 : 170
+71 : 153
+54 : 136
+37 : 119
+20 : 102
+8 : 90
+4 : 86
+3 : 85
+2 : 84
+1 : 83
±0 : 82
-1 : 81
-2 : 80
-4 : 78
-8 : 74
-14 : 68
-31 : 51
-48 : 34
-65 : 17
-82 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000