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.
#f9941e
Data
Red
249
Green
148
Blue
30
Hue
32°
White
12%
Black
2%
Saturation
95%
Lightness
55%
Brightness
65%
Tone = Strong
Hue = 32°
3 digits
#fa3
#fa2
#fa1
#f93
#f92
#f91
#f83
#f82
#f81
#ea3
#ea2
#ea1
#e93
#e92
#e91
#e83
#e82
#e81
#da3
#da2
#da1
#d93
#d92
#d91
#d83
#d82
#d81
Named
darkorange
orange
goldenrod
coral
peru
chocolate
tomato
sandybrown
darkgoldenrod
gold
orangered
salmon
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
+5 : 100
+3 : 98
+2 : 97
+1 : 96
±0 : 95
-2 : 93
-3 : 92
-7 : 88
-11 : 84
-15 : 80
-19 : 76
-23 : 72
-27 : 68
-31 : 64
-35 : 60
-39 : 56
-43 : 52
-45 : 50
-47 : 48
-51 : 44
-55 : 40
-59 : 36
-63 : 32
-67 : 28
-71 : 24
-75 : 20
-79 : 16
-83 : 12
-87 : 8
-91 : 4
-95 : 0
Lightness
+45 : 100
+41 : 96
+37 : 92
+33 : 88
+29 : 84
+25 : 80
+21 : 76
+17 : 72
+13 : 68
+9 : 64
+5 : 60
+3 : 58
+2 : 57
+1 : 56
±0 : 55
-2 : 53
-3 : 52
-5 : 50
-7 : 48
-11 : 44
-15 : 40
-19 : 36
-23 : 32
-27 : 28
-31 : 24
-35 : 20
-39 : 16
-43 : 12
-47 : 8
-51 : 4
-55 : 0
White
-12 : 0
-8 : 4
-4 : 8
-3 : 9
-2 : 10
±0 : 12
+2 : 14
+3 : 15
+4 : 16
+8 : 20
+12 : 24
+16 : 28
+20 : 32
+24 : 36
+28 : 40
+32 : 44
+36 : 48
+38 : 50
+40 : 52
+44 : 56
+48 : 60
+52 : 64
+56 : 68
+60 : 72
+64 : 76
+68 : 80
+72 : 84
+76 : 88
+80 : 92
+84 : 96
+88 : 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
+107 : 255
+90 : 238
+73 : 221
+56 : 204
+39 : 187
+22 : 170
+8 : 156
+5 : 153
+4 : 152
+2 : 150
+1 : 149
±0 : 148
-1 : 147
-2 : 146
-4 : 144
-8 : 140
-12 : 136
-29 : 119
-46 : 102
-63 : 85
-80 : 68
-97 : 51
-114 : 34
-131 : 17
-148 : 0
Blue
+225 : 255
+208 : 238
+191 : 221
+174 : 204
+157 : 187
+140 : 170
+123 : 153
+106 : 136
+89 : 119
+72 : 102
+55 : 85
+38 : 68
+21 : 51
+8 : 38
+4 : 34
+2 : 32
+1 : 31
±0 : 30
-1 : 29
-2 : 28
-4 : 26
-8 : 22
-13 : 17
-30 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000