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.
#e53e1e
Data
Red
229
Green
62
Blue
30
Hue
10°
White
12%
Black
10%
Saturation
79%
Lightness
51%
Brightness
42%
Tone = Strong
Hue = 10°
3 digits
#e53
#e52
#e51
#e43
#e42
#e41
#e33
#e32
#e31
#d53
#d52
#d51
#d43
#d42
#d41
#d33
#d32
#d31
#c53
#c52
#c51
#c43
#c42
#c41
#c33
#c32
#c31
Named
orangered
chocolate
crimson
firebrick
tomato
brown
indianred
sienna
red
peru
coral
darkgoldenrod
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
-10 : 0
-5 : 5
-2 : 8
±0 : 10
+2 : 12
+5 : 15
+10 : 20
+15 : 25
+30 : 40
+45 : 55
+60 : 70
+75 : 85
+90 : 100
+105 : 115
+120 : 130
+135 : 145
+150 : 160
+165 : 175
+180 : 190
+195 : 205
+210 : 220
+225 : 235
+240 : 250
+255 : 265
+270 : 280
+285 : 295
+300 : 310
+315 : 325
+330 : 340
+345 : 355
Saturation
+21 : 100
+17 : 96
+13 : 92
+9 : 88
+5 : 84
+3 : 82
+2 : 81
+1 : 80
±0 : 79
-2 : 77
-3 : 76
-7 : 72
-11 : 68
-15 : 64
-19 : 60
-23 : 56
-27 : 52
-29 : 50
-31 : 48
-35 : 44
-39 : 40
-43 : 36
-47 : 32
-51 : 28
-55 : 24
-59 : 20
-63 : 16
-67 : 12
-71 : 8
-75 : 4
-79 : 0
Lightness
+49 : 100
+45 : 96
+41 : 92
+37 : 88
+33 : 84
+29 : 80
+25 : 76
+21 : 72
+17 : 68
+13 : 64
+9 : 60
+5 : 56
+3 : 54
+2 : 53
+1 : 52
±0 : 51
-1 : 50
-2 : 49
-3 : 48
-7 : 44
-11 : 40
-15 : 36
-19 : 32
-23 : 28
-27 : 24
-31 : 20
-35 : 16
-39 : 12
-43 : 8
-47 : 4
-51 : 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
-10 : 0
-6 : 4
-3 : 7
-2 : 8
±0 : 10
+2 : 12
+3 : 13
+6 : 16
+10 : 20
+14 : 24
+18 : 28
+22 : 32
+26 : 36
+30 : 40
+34 : 44
+38 : 48
+40 : 50
+42 : 52
+46 : 56
+50 : 60
+54 : 64
+58 : 68
+62 : 72
+66 : 76
+70 : 80
+74 : 84
+78 : 88
+82 : 92
+86 : 96
+90 : 100
Red
+26 : 255
+9 : 238
+8 : 237
+4 : 233
+2 : 231
+1 : 230
±0 : 229
-1 : 228
-2 : 227
-4 : 225
-8 : 221
-25 : 204
-42 : 187
-59 : 170
-76 : 153
-93 : 136
-110 : 119
-127 : 102
-144 : 85
-161 : 68
-178 : 51
-195 : 34
-212 : 17
-229 : 0
Green
+193 : 255
+176 : 238
+159 : 221
+142 : 204
+125 : 187
+108 : 170
+91 : 153
+74 : 136
+57 : 119
+40 : 102
+23 : 85
+8 : 70
+6 : 68
+4 : 66
+2 : 64
+1 : 63
±0 : 62
-1 : 61
-2 : 60
-4 : 58
-8 : 54
-11 : 51
-28 : 34
-45 : 17
-62 : 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