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.
#5f4b1f
Data
Red
95
Green
75
Blue
31
Hue
41°
White
12%
Black
63%
Saturation
51%
Lightness
25%
Brightness
30%
Tone = Dark
Hue = 41°
3 digits
#753
#752
#751
#743
#742
#741
#733
#732
#731
#653
#652
#651
#643
#642
#641
#633
#632
#631
#553
#552
#551
#543
#542
#541
#533
#532
#531
Named
darkolivegreen
saddlebrown
sienna
darkslategray
olivedrab
olive
brown
dimgray
maroon
forestgreen
darkred
firebrick
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 : 11
-15 : 26
-10 : 31
-5 : 36
-2 : 39
±0 : 41
+2 : 43
+5 : 46
+10 : 51
+15 : 56
+30 : 71
+45 : 86
+60 : 101
+75 : 116
+90 : 131
+105 : 146
+120 : 161
+135 : 176
+150 : 191
+165 : 206
+180 : 221
+195 : 236
+210 : 251
+225 : 266
+240 : 281
+255 : 296
+270 : 311
+285 : 326
+300 : 341
+315 : 356
Saturation
+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
Lightness
+75 : 100
+71 : 96
+67 : 92
+63 : 88
+59 : 84
+55 : 80
+51 : 76
+47 : 72
+43 : 68
+39 : 64
+35 : 60
+31 : 56
+27 : 52
+25 : 50
+23 : 48
+19 : 44
+15 : 40
+11 : 36
+7 : 32
+3 : 28
+2 : 27
±0 : 25
-1 : 24
-2 : 23
-3 : 22
-5 : 20
-9 : 16
-13 : 12
-17 : 8
-21 : 4
-25 : 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
-63 : 0
-59 : 4
-55 : 8
-51 : 12
-47 : 16
-43 : 20
-39 : 24
-35 : 28
-31 : 32
-27 : 36
-23 : 40
-19 : 44
-15 : 48
-13 : 50
-11 : 52
-7 : 56
-3 : 60
-2 : 61
±0 : 63
+1 : 64
+2 : 65
+3 : 66
+5 : 68
+9 : 72
+13 : 76
+17 : 80
+21 : 84
+25 : 88
+29 : 92
+33 : 96
+37 : 100
Red
+160 : 255
+143 : 238
+126 : 221
+109 : 204
+92 : 187
+75 : 170
+58 : 153
+41 : 136
+24 : 119
+8 : 103
+7 : 102
+4 : 99
+2 : 97
+1 : 96
±0 : 95
-1 : 94
-2 : 93
-4 : 91
-8 : 87
-10 : 85
-27 : 68
-44 : 51
-61 : 34
-78 : 17
-95 : 0
Green
+180 : 255
+163 : 238
+146 : 221
+129 : 204
+112 : 187
+95 : 170
+78 : 153
+61 : 136
+44 : 119
+27 : 102
+10 : 85
+8 : 83
+4 : 79
+2 : 77
+1 : 76
±0 : 75
-1 : 74
-2 : 73
-4 : 71
-7 : 68
-8 : 67
-24 : 51
-41 : 34
-58 : 17
-75 : 0
Blue
+224 : 255
+207 : 238
+190 : 221
+173 : 204
+156 : 187
+139 : 170
+122 : 153
+105 : 136
+88 : 119
+71 : 102
+54 : 85
+37 : 68
+20 : 51
+8 : 39
+4 : 35
+3 : 34
+2 : 33
+1 : 32
±0 : 31
-1 : 30
-2 : 29
-4 : 27
-8 : 23
-14 : 17
-31 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000