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.
#f2bb7b
Data
Red
242
Green
187
Blue
123
Hue
32°
White
48%
Black
5%
Saturation
82%
Lightness
72%
Brightness
77%
Tone = Bright
Hue = 32°
3 digits
#fc8
#fc7
#fc6
#fb8
#fb7
#fb6
#fa8
#fa7
#fa6
#ec8
#ec7
#ec6
#eb8
#eb7
#eb6
#ea8
#ea7
#ea6
#dc8
#dc7
#dc6
#db8
#db7
#db6
#da8
#da7
#da6
Named
burlywood
lightsalmon
sandybrown
tan
darksalmon
khaki
darkkhaki
lightcoral
salmon
navajowhite
palegoldenrod
wheat
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
-30 : 2
-15 : 17
-10 : 22
-5 : 27
-2 : 30
±0 : 32
+2 : 34
+5 : 37
+10 : 42
+15 : 47
+30 : 62
+45 : 77
+60 : 92
+75 : 107
+90 : 122
+105 : 137
+120 : 152
+135 : 167
+150 : 182
+165 : 197
+180 : 212
+195 : 227
+210 : 242
+225 : 257
+240 : 272
+255 : 287
+270 : 302
+285 : 317
+300 : 332
+315 : 347
Saturation
+18 : 100
+14 : 96
+10 : 92
+6 : 88
+3 : 85
+2 : 84
±0 : 82
-2 : 80
-3 : 79
-6 : 76
-10 : 72
-14 : 68
-18 : 64
-22 : 60
-26 : 56
-30 : 52
-32 : 50
-34 : 48
-38 : 44
-42 : 40
-46 : 36
-50 : 32
-54 : 28
-58 : 24
-62 : 20
-66 : 16
-70 : 12
-74 : 8
-78 : 4
-82 : 0
Lightness
+28 : 100
+24 : 96
+20 : 92
+16 : 88
+12 : 84
+8 : 80
+4 : 76
+3 : 75
+2 : 74
±0 : 72
-2 : 70
-3 : 69
-4 : 68
-8 : 64
-12 : 60
-16 : 56
-20 : 52
-22 : 50
-24 : 48
-28 : 44
-32 : 40
-36 : 36
-40 : 32
-44 : 28
-48 : 24
-52 : 20
-56 : 16
-60 : 12
-64 : 8
-68 : 4
-72 : 0
White
-48 : 0
-44 : 4
-40 : 8
-36 : 12
-32 : 16
-28 : 20
-24 : 24
-20 : 28
-16 : 32
-12 : 36
-8 : 40
-4 : 44
-3 : 45
-2 : 46
±0 : 48
+2 : 50
+3 : 51
+4 : 52
+8 : 56
+12 : 60
+16 : 64
+20 : 68
+24 : 72
+28 : 76
+32 : 80
+36 : 84
+40 : 88
+44 : 92
+48 : 96
+52 : 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
+68 : 255
+51 : 238
+34 : 221
+17 : 204
+8 : 195
+4 : 191
+2 : 189
+1 : 188
±0 : 187
-1 : 186
-2 : 185
-4 : 183
-8 : 179
-17 : 170
-34 : 153
-51 : 136
-68 : 119
-85 : 102
-102 : 85
-119 : 68
-136 : 51
-153 : 34
-170 : 17
-187 : 0
Blue
+132 : 255
+115 : 238
+98 : 221
+81 : 204
+64 : 187
+47 : 170
+30 : 153
+13 : 136
+8 : 131
+4 : 127
+2 : 125
+1 : 124
±0 : 123
-1 : 122
-2 : 121
-4 : 119
-8 : 115
-21 : 102
-38 : 85
-55 : 68
-72 : 51
-89 : 34
-106 : 17
-123 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000