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.
#d9991c
Data
Red
217
Green
153
Blue
28
Hue
40°
White
11%
Black
15%
Saturation
77%
Lightness
48%
Brightness
62%
Tone = Strong
Hue = 40°
3 digits
#ea3
#ea2
#ea1
#e93
#e92
#e91
#e83
#e82
#e81
#da3
#da2
#da1
#d93
#d92
#d91
#d83
#d82
#d81
#ca3
#ca2
#ca1
#c93
#c92
#c91
#c83
#c82
#c81
Named
goldenrod
darkgoldenrod
peru
chocolate
orange
darkorange
coral
sandybrown
gold
tomato
yellowgreen
darkkhaki
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 : 10
-15 : 25
-10 : 30
-5 : 35
-2 : 38
±0 : 40
+2 : 42
+5 : 45
+10 : 50
+15 : 55
+30 : 70
+45 : 85
+60 : 100
+75 : 115
+90 : 130
+105 : 145
+120 : 160
+135 : 175
+150 : 190
+165 : 205
+180 : 220
+195 : 235
+210 : 250
+225 : 265
+240 : 280
+255 : 295
+270 : 310
+285 : 325
+300 : 340
+315 : 355
Saturation
+23 : 100
+19 : 96
+15 : 92
+11 : 88
+7 : 84
+3 : 80
+2 : 79
±0 : 77
-1 : 76
-2 : 75
-3 : 74
-5 : 72
-9 : 68
-13 : 64
-17 : 60
-21 : 56
-25 : 52
-27 : 50
-29 : 48
-33 : 44
-37 : 40
-41 : 36
-45 : 32
-49 : 28
-53 : 24
-57 : 20
-61 : 16
-65 : 12
-69 : 8
-73 : 4
-77 : 0
Lightness
+52 : 100
+48 : 96
+44 : 92
+40 : 88
+36 : 84
+32 : 80
+28 : 76
+24 : 72
+20 : 68
+16 : 64
+12 : 60
+8 : 56
+4 : 52
+3 : 51
+2 : 50
±0 : 48
-2 : 46
-3 : 45
-4 : 44
-8 : 40
-12 : 36
-16 : 32
-20 : 28
-24 : 24
-28 : 20
-32 : 16
-36 : 12
-40 : 8
-44 : 4
-48 : 0
White
-11 : 0
-7 : 4
-3 : 8
-2 : 9
±0 : 11
+1 : 12
+2 : 13
+3 : 14
+5 : 16
+9 : 20
+13 : 24
+17 : 28
+21 : 32
+25 : 36
+29 : 40
+33 : 44
+37 : 48
+39 : 50
+41 : 52
+45 : 56
+49 : 60
+53 : 64
+57 : 68
+61 : 72
+65 : 76
+69 : 80
+73 : 84
+77 : 88
+81 : 92
+85 : 96
+89 : 100
Black
-15 : 0
-11 : 4
-7 : 8
-3 : 12
-2 : 13
±0 : 15
+1 : 16
+2 : 17
+3 : 18
+5 : 20
+9 : 24
+13 : 28
+17 : 32
+21 : 36
+25 : 40
+29 : 44
+33 : 48
+35 : 50
+37 : 52
+41 : 56
+45 : 60
+49 : 64
+53 : 68
+57 : 72
+61 : 76
+65 : 80
+69 : 84
+73 : 88
+77 : 92
+81 : 96
+85 : 100
Red
+38 : 255
+21 : 238
+8 : 225
+4 : 221
+2 : 219
+1 : 218
±0 : 217
-1 : 216
-2 : 215
-4 : 213
-8 : 209
-13 : 204
-30 : 187
-47 : 170
-64 : 153
-81 : 136
-98 : 119
-115 : 102
-132 : 85
-149 : 68
-166 : 51
-183 : 34
-200 : 17
-217 : 0
Green
+102 : 255
+85 : 238
+68 : 221
+51 : 204
+34 : 187
+17 : 170
+8 : 161
+4 : 157
+2 : 155
+1 : 154
±0 : 153
-1 : 152
-2 : 151
-4 : 149
-8 : 145
-17 : 136
-34 : 119
-51 : 102
-68 : 85
-85 : 68
-102 : 51
-119 : 34
-136 : 17
-153 : 0
Blue
+227 : 255
+210 : 238
+193 : 221
+176 : 204
+159 : 187
+142 : 170
+125 : 153
+108 : 136
+91 : 119
+74 : 102
+57 : 85
+40 : 68
+23 : 51
+8 : 36
+6 : 34
+4 : 32
+2 : 30
+1 : 29
±0 : 28
-1 : 27
-2 : 26
-4 : 24
-8 : 20
-11 : 17
-28 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000