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.
#fc8a1e
Data
Red
252
Green
138
Blue
30
Hue
29°
White
12%
Black
1%
Saturation
97%
Lightness
55%
Brightness
63%
Tone = Strong
Hue = 29°
3 digits
#f93
#f92
#f91
#f83
#f82
#f81
#f73
#f72
#f71
#e93
#e92
#e91
#e83
#e82
#e81
#e73
#e72
#e71
#d93
#d92
#d91
#d83
#d82
#d81
#d73
#d72
#d71
Named
darkorange
orange
goldenrod
coral
chocolate
tomato
peru
darkgoldenrod
sandybrown
orangered
gold
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
-15 : 14
-10 : 19
-5 : 24
-2 : 27
±0 : 29
+2 : 31
+5 : 34
+10 : 39
+15 : 44
+30 : 59
+45 : 74
+60 : 89
+75 : 104
+90 : 119
+105 : 134
+120 : 149
+135 : 164
+150 : 179
+165 : 194
+180 : 209
+195 : 224
+210 : 239
+225 : 254
+240 : 269
+255 : 284
+270 : 299
+285 : 314
+300 : 329
+315 : 344
+330 : 359
Saturation
+3 : 100
+2 : 99
±0 : 97
-1 : 96
-2 : 95
-3 : 94
-5 : 92
-9 : 88
-13 : 84
-17 : 80
-21 : 76
-25 : 72
-29 : 68
-33 : 64
-37 : 60
-41 : 56
-45 : 52
-47 : 50
-49 : 48
-53 : 44
-57 : 40
-61 : 36
-65 : 32
-69 : 28
-73 : 24
-77 : 20
-81 : 16
-85 : 12
-89 : 8
-93 : 4
-97 : 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
-1 : 0
±0 : 1
+2 : 3
+3 : 4
+7 : 8
+11 : 12
+15 : 16
+19 : 20
+23 : 24
+27 : 28
+31 : 32
+35 : 36
+39 : 40
+43 : 44
+47 : 48
+49 : 50
+51 : 52
+55 : 56
+59 : 60
+63 : 64
+67 : 68
+71 : 72
+75 : 76
+79 : 80
+83 : 84
+87 : 88
+91 : 92
+95 : 96
+99 : 100
Red
+3 : 255
+2 : 254
+1 : 253
±0 : 252
-1 : 251
-2 : 250
-4 : 248
-8 : 244
-14 : 238
-31 : 221
-48 : 204
-65 : 187
-82 : 170
-99 : 153
-116 : 136
-133 : 119
-150 : 102
-167 : 85
-184 : 68
-201 : 51
-218 : 34
-235 : 17
-252 : 0
Green
+117 : 255
+100 : 238
+83 : 221
+66 : 204
+49 : 187
+32 : 170
+15 : 153
+8 : 146
+4 : 142
+2 : 140
+1 : 139
±0 : 138
-1 : 137
-2 : 136
-4 : 134
-8 : 130
-19 : 119
-36 : 102
-53 : 85
-70 : 68
-87 : 51
-104 : 34
-121 : 17
-138 : 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