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.
#dc6e40
Data
Red
220
Green
110
Blue
64
Hue
18°
White
25%
Black
14%
Saturation
69%
Lightness
56%
Brightness
54%
Tone = Strong
Hue = 18°
3 digits
#e75
#e74
#e73
#e65
#e64
#e63
#e55
#e54
#e53
#d75
#d74
#d73
#d65
#d64
#d63
#d55
#d54
#d53
#c75
#c74
#c73
#c65
#c64
#c63
#c55
#c54
#c53
Named
peru
chocolate
indianred
tomato
coral
salmon
goldenrod
sandybrown
darkgoldenrod
sienna
lightcoral
darksalmon
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 : 3
-10 : 8
-5 : 13
-2 : 16
±0 : 18
+2 : 20
+5 : 23
+10 : 28
+15 : 33
+30 : 48
+45 : 63
+60 : 78
+75 : 93
+90 : 108
+105 : 123
+120 : 138
+135 : 153
+150 : 168
+165 : 183
+180 : 198
+195 : 213
+210 : 228
+225 : 243
+240 : 258
+255 : 273
+270 : 288
+285 : 303
+300 : 318
+315 : 333
+330 : 348
Saturation
+31 : 100
+27 : 96
+23 : 92
+19 : 88
+15 : 84
+11 : 80
+7 : 76
+3 : 72
+2 : 71
±0 : 69
-1 : 68
-2 : 67
-3 : 66
-5 : 64
-9 : 60
-13 : 56
-17 : 52
-19 : 50
-21 : 48
-25 : 44
-29 : 40
-33 : 36
-37 : 32
-41 : 28
-45 : 24
-49 : 20
-53 : 16
-57 : 12
-61 : 8
-65 : 4
-69 : 0
Lightness
+44 : 100
+40 : 96
+36 : 92
+32 : 88
+28 : 84
+24 : 80
+20 : 76
+16 : 72
+12 : 68
+8 : 64
+4 : 60
+3 : 59
+2 : 58
±0 : 56
-2 : 54
-3 : 53
-4 : 52
-6 : 50
-8 : 48
-12 : 44
-16 : 40
-20 : 36
-24 : 32
-28 : 28
-32 : 24
-36 : 20
-40 : 16
-44 : 12
-48 : 8
-52 : 4
-56 : 0
White
-25 : 0
-21 : 4
-17 : 8
-13 : 12
-9 : 16
-5 : 20
-3 : 22
-2 : 23
-1 : 24
±0 : 25
+2 : 27
+3 : 28
+7 : 32
+11 : 36
+15 : 40
+19 : 44
+23 : 48
+25 : 50
+27 : 52
+31 : 56
+35 : 60
+39 : 64
+43 : 68
+47 : 72
+51 : 76
+55 : 80
+59 : 84
+63 : 88
+67 : 92
+71 : 96
+75 : 100
Black
-14 : 0
-10 : 4
-6 : 8
-3 : 11
-2 : 12
±0 : 14
+2 : 16
+3 : 17
+6 : 20
+10 : 24
+14 : 28
+18 : 32
+22 : 36
+26 : 40
+30 : 44
+34 : 48
+36 : 50
+38 : 52
+42 : 56
+46 : 60
+50 : 64
+54 : 68
+58 : 72
+62 : 76
+66 : 80
+70 : 84
+74 : 88
+78 : 92
+82 : 96
+86 : 100
Red
+35 : 255
+18 : 238
+8 : 228
+4 : 224
+2 : 222
+1 : 221
±0 : 220
-1 : 219
-2 : 218
-4 : 216
-8 : 212
-16 : 204
-33 : 187
-50 : 170
-67 : 153
-84 : 136
-101 : 119
-118 : 102
-135 : 85
-152 : 68
-169 : 51
-186 : 34
-203 : 17
-220 : 0
Green
+145 : 255
+128 : 238
+111 : 221
+94 : 204
+77 : 187
+60 : 170
+43 : 153
+26 : 136
+9 : 119
+8 : 118
+4 : 114
+2 : 112
+1 : 111
±0 : 110
-1 : 109
-2 : 108
-4 : 106
-8 : 102
-25 : 85
-42 : 68
-59 : 51
-76 : 34
-93 : 17
-110 : 0
Blue
+191 : 255
+174 : 238
+157 : 221
+140 : 204
+123 : 187
+106 : 170
+89 : 153
+72 : 136
+55 : 119
+38 : 102
+21 : 85
+8 : 72
+4 : 68
+2 : 66
+1 : 65
±0 : 64
-1 : 63
-2 : 62
-4 : 60
-8 : 56
-13 : 51
-30 : 34
-47 : 17
-64 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000