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.
#f9b005
Data
Red
249
Green
176
Blue
5
Hue
42°
White
2%
Black
2%
Saturation
96%
Lightness
50%
Brightness
70%
Tone = Vivid
Hue = 42°
3 digits
#fb2
#fb1
#fb0
#fa2
#fa1
#fa0
#f92
#f91
#f90
#eb2
#eb1
#eb0
#ea2
#ea1
#ea0
#e92
#e91
#e90
#db2
#db1
#db0
#da2
#da1
#da0
#d92
#d91
#d90
Named
orange
darkorange
gold
goldenrod
darkgoldenrod
yellow
peru
chocolate
coral
sandybrown
tomato
orangered
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 : 12
-15 : 27
-10 : 32
-5 : 37
-2 : 40
±0 : 42
+2 : 44
+5 : 47
+10 : 52
+15 : 57
+30 : 72
+45 : 87
+60 : 102
+75 : 117
+90 : 132
+105 : 147
+120 : 162
+135 : 177
+150 : 192
+165 : 207
+180 : 222
+195 : 237
+210 : 252
+225 : 267
+240 : 282
+255 : 297
+270 : 312
+285 : 327
+300 : 342
+315 : 357
Saturation
+4 : 100
+3 : 99
+2 : 98
±0 : 96
-2 : 94
-3 : 93
-4 : 92
-8 : 88
-12 : 84
-16 : 80
-20 : 76
-24 : 72
-28 : 68
-32 : 64
-36 : 60
-40 : 56
-44 : 52
-46 : 50
-48 : 48
-52 : 44
-56 : 40
-60 : 36
-64 : 32
-68 : 28
-72 : 24
-76 : 20
-80 : 16
-84 : 12
-88 : 8
-92 : 4
-96 : 0
Lightness
+50 : 100
+46 : 96
+42 : 92
+38 : 88
+34 : 84
+30 : 80
+26 : 76
+22 : 72
+18 : 68
+14 : 64
+10 : 60
+6 : 56
+3 : 53
+2 : 52
±0 : 50
-2 : 48
-3 : 47
-6 : 44
-10 : 40
-14 : 36
-18 : 32
-22 : 28
-26 : 24
-30 : 20
-34 : 16
-38 : 12
-42 : 8
-46 : 4
-50 : 0
White
-2 : 0
±0 : 2
+2 : 4
+3 : 5
+6 : 8
+10 : 12
+14 : 16
+18 : 20
+22 : 24
+26 : 28
+30 : 32
+34 : 36
+38 : 40
+42 : 44
+46 : 48
+48 : 50
+50 : 52
+54 : 56
+58 : 60
+62 : 64
+66 : 68
+70 : 72
+74 : 76
+78 : 80
+82 : 84
+86 : 88
+90 : 92
+94 : 96
+98 : 100
Black
-2 : 0
±0 : 2
+2 : 4
+3 : 5
+6 : 8
+10 : 12
+14 : 16
+18 : 20
+22 : 24
+26 : 28
+30 : 32
+34 : 36
+38 : 40
+42 : 44
+46 : 48
+48 : 50
+50 : 52
+54 : 56
+58 : 60
+62 : 64
+66 : 68
+70 : 72
+74 : 76
+78 : 80
+82 : 84
+86 : 88
+90 : 92
+94 : 96
+98 : 100
Red
+6 : 255
+4 : 253
+2 : 251
+1 : 250
±0 : 249
-1 : 248
-2 : 247
-4 : 245
-8 : 241
-11 : 238
-28 : 221
-45 : 204
-62 : 187
-79 : 170
-96 : 153
-113 : 136
-130 : 119
-147 : 102
-164 : 85
-181 : 68
-198 : 51
-215 : 34
-232 : 17
-249 : 0
Green
+79 : 255
+62 : 238
+45 : 221
+28 : 204
+11 : 187
+8 : 184
+4 : 180
+2 : 178
+1 : 177
±0 : 176
-1 : 175
-2 : 174
-4 : 172
-6 : 170
-8 : 168
-23 : 153
-40 : 136
-57 : 119
-74 : 102
-91 : 85
-108 : 68
-125 : 51
-142 : 34
-159 : 17
-176 : 0
Blue
+250 : 255
+233 : 238
+216 : 221
+199 : 204
+182 : 187
+165 : 170
+148 : 153
+131 : 136
+114 : 119
+97 : 102
+80 : 85
+63 : 68
+46 : 51
+29 : 34
+12 : 17
+8 : 13
+4 : 9
+2 : 7
+1 : 6
±0 : 5
-1 : 4
-2 : 3
-4 : 1
-5 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000