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.
#58161b
Data
Red
88
Green
22
Blue
27
Hue
355°
White
9%
Black
65%
Saturation
60%
Lightness
22%
Brightness
17%
Tone = Dark
Hue = 355°
3 digits
#623
#622
#621
#613
#612
#611
#603
#602
#601
#523
#522
#521
#513
#512
#511
#503
#502
#501
#423
#422
#421
#413
#412
#411
#403
#402
#401
Named
maroon
darkred
saddlebrown
brown
darkolivegreen
darkslategray
firebrick
black
sienna
midnightblue
indigo
purple
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
-355 : 0
-350 : 5
-345 : 10
-330 : 25
-315 : 40
-300 : 55
-285 : 70
-270 : 85
-255 : 100
-240 : 115
-225 : 130
-210 : 145
-195 : 160
-180 : 175
-165 : 190
-150 : 205
-135 : 220
-120 : 235
-105 : 250
-90 : 265
-75 : 280
-60 : 295
-45 : 310
-30 : 325
-15 : 340
-10 : 345
-5 : 350
-2 : 353
±0 : 355
+2 : 357
Saturation
+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
Lightness
+78 : 100
+74 : 96
+70 : 92
+66 : 88
+62 : 84
+58 : 80
+54 : 76
+50 : 72
+46 : 68
+42 : 64
+38 : 60
+34 : 56
+30 : 52
+28 : 50
+26 : 48
+22 : 44
+18 : 40
+14 : 36
+10 : 32
+6 : 28
+3 : 25
+2 : 24
±0 : 22
-2 : 20
-3 : 19
-6 : 16
-10 : 12
-14 : 8
-18 : 4
-22 : 0
White
-9 : 0
-5 : 4
-3 : 6
-2 : 7
-1 : 8
±0 : 9
+2 : 11
+3 : 12
+7 : 16
+11 : 20
+15 : 24
+19 : 28
+23 : 32
+27 : 36
+31 : 40
+35 : 44
+39 : 48
+41 : 50
+43 : 52
+47 : 56
+51 : 60
+55 : 64
+59 : 68
+63 : 72
+67 : 76
+71 : 80
+75 : 84
+79 : 88
+83 : 92
+87 : 96
+91 : 100
Black
-65 : 0
-61 : 4
-57 : 8
-53 : 12
-49 : 16
-45 : 20
-41 : 24
-37 : 28
-33 : 32
-29 : 36
-25 : 40
-21 : 44
-17 : 48
-15 : 50
-13 : 52
-9 : 56
-5 : 60
-3 : 62
-2 : 63
-1 : 64
±0 : 65
+2 : 67
+3 : 68
+7 : 72
+11 : 76
+15 : 80
+19 : 84
+23 : 88
+27 : 92
+31 : 96
+35 : 100
Red
+167 : 255
+150 : 238
+133 : 221
+116 : 204
+99 : 187
+82 : 170
+65 : 153
+48 : 136
+31 : 119
+14 : 102
+8 : 96
+4 : 92
+2 : 90
+1 : 89
±0 : 88
-1 : 87
-2 : 86
-3 : 85
-4 : 84
-8 : 80
-20 : 68
-37 : 51
-54 : 34
-71 : 17
-88 : 0
Green
+233 : 255
+216 : 238
+199 : 221
+182 : 204
+165 : 187
+148 : 170
+131 : 153
+114 : 136
+97 : 119
+80 : 102
+63 : 85
+46 : 68
+29 : 51
+12 : 34
+8 : 30
+4 : 26
+2 : 24
+1 : 23
±0 : 22
-1 : 21
-2 : 20
-4 : 18
-5 : 17
-8 : 14
-22 : 0
Blue
+228 : 255
+211 : 238
+194 : 221
+177 : 204
+160 : 187
+143 : 170
+126 : 153
+109 : 136
+92 : 119
+75 : 102
+58 : 85
+41 : 68
+24 : 51
+8 : 35
+7 : 34
+4 : 31
+2 : 29
+1 : 28
±0 : 27
-1 : 26
-2 : 25
-4 : 23
-8 : 19
-10 : 17
-27 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000