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.
#f7bb73
Data
Red
247
Green
187
Blue
115
Hue
33°
White
45%
Black
3%
Saturation
89%
Lightness
71%
Brightness
77%
Tone = Bright
Hue = 33°
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
lightsalmon
sandybrown
burlywood
darksalmon
tan
khaki
darkkhaki
salmon
lightcoral
navajowhite
coral
palegoldenrod
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 : 3
-15 : 18
-10 : 23
-5 : 28
-2 : 31
±0 : 33
+2 : 35
+5 : 38
+10 : 43
+15 : 48
+30 : 63
+45 : 78
+60 : 93
+75 : 108
+90 : 123
+105 : 138
+120 : 153
+135 : 168
+150 : 183
+165 : 198
+180 : 213
+195 : 228
+210 : 243
+225 : 258
+240 : 273
+255 : 288
+270 : 303
+285 : 318
+300 : 333
+315 : 348
Saturation
+11 : 100
+7 : 96
+3 : 92
+2 : 91
±0 : 89
-1 : 88
-2 : 87
-3 : 86
-5 : 84
-9 : 80
-13 : 76
-17 : 72
-21 : 68
-25 : 64
-29 : 60
-33 : 56
-37 : 52
-39 : 50
-41 : 48
-45 : 44
-49 : 40
-53 : 36
-57 : 32
-61 : 28
-65 : 24
-69 : 20
-73 : 16
-77 : 12
-81 : 8
-85 : 4
-89 : 0
Lightness
+29 : 100
+25 : 96
+21 : 92
+17 : 88
+13 : 84
+9 : 80
+5 : 76
+3 : 74
+2 : 73
+1 : 72
±0 : 71
-2 : 69
-3 : 68
-7 : 64
-11 : 60
-15 : 56
-19 : 52
-21 : 50
-23 : 48
-27 : 44
-31 : 40
-35 : 36
-39 : 32
-43 : 28
-47 : 24
-51 : 20
-55 : 16
-59 : 12
-63 : 8
-67 : 4
-71 : 0
White
-45 : 0
-41 : 4
-37 : 8
-33 : 12
-29 : 16
-25 : 20
-21 : 24
-17 : 28
-13 : 32
-9 : 36
-5 : 40
-3 : 42
-2 : 43
-1 : 44
±0 : 45
+2 : 47
+3 : 48
+5 : 50
+7 : 52
+11 : 56
+15 : 60
+19 : 64
+23 : 68
+27 : 72
+31 : 76
+35 : 80
+39 : 84
+43 : 88
+47 : 92
+51 : 96
+55 : 100
Black
-3 : 0
-2 : 1
±0 : 3
+1 : 4
+2 : 5
+3 : 6
+5 : 8
+9 : 12
+13 : 16
+17 : 20
+21 : 24
+25 : 28
+29 : 32
+33 : 36
+37 : 40
+41 : 44
+45 : 48
+47 : 50
+49 : 52
+53 : 56
+57 : 60
+61 : 64
+65 : 68
+69 : 72
+73 : 76
+77 : 80
+81 : 84
+85 : 88
+89 : 92
+93 : 96
+97 : 100
Red
+8 : 255
+4 : 251
+2 : 249
+1 : 248
±0 : 247
-1 : 246
-2 : 245
-4 : 243
-8 : 239
-9 : 238
-26 : 221
-43 : 204
-60 : 187
-77 : 170
-94 : 153
-111 : 136
-128 : 119
-145 : 102
-162 : 85
-179 : 68
-196 : 51
-213 : 34
-230 : 17
-247 : 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
+140 : 255
+123 : 238
+106 : 221
+89 : 204
+72 : 187
+55 : 170
+38 : 153
+21 : 136
+8 : 123
+4 : 119
+2 : 117
+1 : 116
±0 : 115
-1 : 114
-2 : 113
-4 : 111
-8 : 107
-13 : 102
-30 : 85
-47 : 68
-64 : 51
-81 : 34
-98 : 17
-115 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000