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.
#de8554
Data
Red
222
Green
133
Blue
84
Hue
21°
White
33%
Black
13%
Saturation
68%
Lightness
60%
Brightness
60%
Tone = Soft
Hue = 21°
3 digits
#e96
#e95
#e94
#e86
#e85
#e84
#e76
#e75
#e74
#d96
#d95
#d94
#d86
#d85
#d84
#d76
#d75
#d74
#c96
#c95
#c94
#c86
#c85
#c84
#c76
#c75
#c74
Named
peru
coral
sandybrown
salmon
darksalmon
indianred
lightcoral
tomato
lightsalmon
goldenrod
chocolate
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
-15 : 6
-10 : 11
-5 : 16
-2 : 19
±0 : 21
+2 : 23
+5 : 26
+10 : 31
+15 : 36
+30 : 51
+45 : 66
+60 : 81
+75 : 96
+90 : 111
+105 : 126
+120 : 141
+135 : 156
+150 : 171
+165 : 186
+180 : 201
+195 : 216
+210 : 231
+225 : 246
+240 : 261
+255 : 276
+270 : 291
+285 : 306
+300 : 321
+315 : 336
+330 : 351
Saturation
+32 : 100
+28 : 96
+24 : 92
+20 : 88
+16 : 84
+12 : 80
+8 : 76
+4 : 72
+3 : 71
+2 : 70
±0 : 68
-2 : 66
-3 : 65
-4 : 64
-8 : 60
-12 : 56
-16 : 52
-18 : 50
-20 : 48
-24 : 44
-28 : 40
-32 : 36
-36 : 32
-40 : 28
-44 : 24
-48 : 20
-52 : 16
-56 : 12
-60 : 8
-64 : 4
-68 : 0
Lightness
+40 : 100
+36 : 96
+32 : 92
+28 : 88
+24 : 84
+20 : 80
+16 : 76
+12 : 72
+8 : 68
+4 : 64
+3 : 63
+2 : 62
±0 : 60
-2 : 58
-3 : 57
-4 : 56
-8 : 52
-10 : 50
-12 : 48
-16 : 44
-20 : 40
-24 : 36
-28 : 32
-32 : 28
-36 : 24
-40 : 20
-44 : 16
-48 : 12
-52 : 8
-56 : 4
-60 : 0
White
-33 : 0
-29 : 4
-25 : 8
-21 : 12
-17 : 16
-13 : 20
-9 : 24
-5 : 28
-3 : 30
-2 : 31
-1 : 32
±0 : 33
+2 : 35
+3 : 36
+7 : 40
+11 : 44
+15 : 48
+17 : 50
+19 : 52
+23 : 56
+27 : 60
+31 : 64
+35 : 68
+39 : 72
+43 : 76
+47 : 80
+51 : 84
+55 : 88
+59 : 92
+63 : 96
+67 : 100
Black
-13 : 0
-9 : 4
-5 : 8
-3 : 10
-2 : 11
-1 : 12
±0 : 13
+2 : 15
+3 : 16
+7 : 20
+11 : 24
+15 : 28
+19 : 32
+23 : 36
+27 : 40
+31 : 44
+35 : 48
+37 : 50
+39 : 52
+43 : 56
+47 : 60
+51 : 64
+55 : 68
+59 : 72
+63 : 76
+67 : 80
+71 : 84
+75 : 88
+79 : 92
+83 : 96
+87 : 100
Red
+33 : 255
+16 : 238
+8 : 230
+4 : 226
+2 : 224
+1 : 223
±0 : 222
-1 : 221
-2 : 220
-4 : 218
-8 : 214
-18 : 204
-35 : 187
-52 : 170
-69 : 153
-86 : 136
-103 : 119
-120 : 102
-137 : 85
-154 : 68
-171 : 51
-188 : 34
-205 : 17
-222 : 0
Green
+122 : 255
+105 : 238
+88 : 221
+71 : 204
+54 : 187
+37 : 170
+20 : 153
+8 : 141
+4 : 137
+3 : 136
+2 : 135
+1 : 134
±0 : 133
-1 : 132
-2 : 131
-4 : 129
-8 : 125
-14 : 119
-31 : 102
-48 : 85
-65 : 68
-82 : 51
-99 : 34
-116 : 17
-133 : 0
Blue
+171 : 255
+154 : 238
+137 : 221
+120 : 204
+103 : 187
+86 : 170
+69 : 153
+52 : 136
+35 : 119
+18 : 102
+8 : 92
+4 : 88
+2 : 86
+1 : 85
±0 : 84
-1 : 83
-2 : 82
-4 : 80
-8 : 76
-16 : 68
-33 : 51
-50 : 34
-67 : 17
-84 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000