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.
#afa299
Data
Red
175
Green
162
Blue
153
Hue
25°
White
60%
Black
31%
Saturation
12%
Lightness
64%
Brightness
65%
Tone = Light Grayish
Hue = 25°
3 digits
#bba
#bb9
#bb8
#baa
#ba9
#ba8
#b9a
#b99
#b98
#aba
#ab9
#ab8
#aaa
#aa9
#aa8
#a9a
#a99
#a98
#9ba
#9b9
#9b8
#9aa
#9a9
#9a8
#99a
#999
#998
Named
darkgray
rosybrown
tan
darkseagreen
silver
darkkhaki
burlywood
lightslategray
gray
darksalmon
palevioletred
slategray
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
-15 : 10
-10 : 15
-5 : 20
-2 : 23
±0 : 25
+2 : 27
+5 : 30
+10 : 35
+15 : 40
+30 : 55
+45 : 70
+60 : 85
+75 : 100
+90 : 115
+105 : 130
+120 : 145
+135 : 160
+150 : 175
+165 : 190
+180 : 205
+195 : 220
+210 : 235
+225 : 250
+240 : 265
+255 : 280
+270 : 295
+285 : 310
+300 : 325
+315 : 340
+330 : 355
Saturation
+88 : 100
+84 : 96
+80 : 92
+76 : 88
+72 : 84
+68 : 80
+64 : 76
+60 : 72
+56 : 68
+52 : 64
+48 : 60
+44 : 56
+40 : 52
+38 : 50
+36 : 48
+32 : 44
+28 : 40
+24 : 36
+20 : 32
+16 : 28
+12 : 24
+8 : 20
+4 : 16
+3 : 15
+2 : 14
±0 : 12
-2 : 10
-3 : 9
-4 : 8
-8 : 4
-12 : 0
Lightness
+36 : 100
+32 : 96
+28 : 92
+24 : 88
+20 : 84
+16 : 80
+12 : 76
+8 : 72
+4 : 68
+3 : 67
+2 : 66
±0 : 64
-2 : 62
-3 : 61
-4 : 60
-8 : 56
-12 : 52
-14 : 50
-16 : 48
-20 : 44
-24 : 40
-28 : 36
-32 : 32
-36 : 28
-40 : 24
-44 : 20
-48 : 16
-52 : 12
-56 : 8
-60 : 4
-64 : 0
White
-60 : 0
-56 : 4
-52 : 8
-48 : 12
-44 : 16
-40 : 20
-36 : 24
-32 : 28
-28 : 32
-24 : 36
-20 : 40
-16 : 44
-12 : 48
-10 : 50
-8 : 52
-4 : 56
-3 : 57
-2 : 58
±0 : 60
+2 : 62
+3 : 63
+4 : 64
+8 : 68
+12 : 72
+16 : 76
+20 : 80
+24 : 84
+28 : 88
+32 : 92
+36 : 96
+40 : 100
Black
-31 : 0
-27 : 4
-23 : 8
-19 : 12
-15 : 16
-11 : 20
-7 : 24
-3 : 28
-2 : 29
±0 : 31
+1 : 32
+2 : 33
+3 : 34
+5 : 36
+9 : 40
+13 : 44
+17 : 48
+19 : 50
+21 : 52
+25 : 56
+29 : 60
+33 : 64
+37 : 68
+41 : 72
+45 : 76
+49 : 80
+53 : 84
+57 : 88
+61 : 92
+65 : 96
+69 : 100
Red
+80 : 255
+63 : 238
+46 : 221
+29 : 204
+12 : 187
+8 : 183
+4 : 179
+2 : 177
+1 : 176
±0 : 175
-1 : 174
-2 : 173
-4 : 171
-5 : 170
-8 : 167
-22 : 153
-39 : 136
-56 : 119
-73 : 102
-90 : 85
-107 : 68
-124 : 51
-141 : 34
-158 : 17
-175 : 0
Green
+93 : 255
+76 : 238
+59 : 221
+42 : 204
+25 : 187
+8 : 170
+4 : 166
+2 : 164
+1 : 163
±0 : 162
-1 : 161
-2 : 160
-4 : 158
-8 : 154
-9 : 153
-26 : 136
-43 : 119
-60 : 102
-77 : 85
-94 : 68
-111 : 51
-128 : 34
-145 : 17
-162 : 0
Blue
+102 : 255
+85 : 238
+68 : 221
+51 : 204
+34 : 187
+17 : 170
+8 : 161
+4 : 157
+2 : 155
+1 : 154
±0 : 153
-1 : 152
-2 : 151
-4 : 149
-8 : 145
-17 : 136
-34 : 119
-51 : 102
-68 : 85
-85 : 68
-102 : 51
-119 : 34
-136 : 17
-153 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000