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.
#4c5c1f
Data
Red
76
Green
92
Blue
31
Hue
76°
White
12%
Black
64%
Saturation
50%
Lightness
24%
Brightness
31%
Tone = Dark
Hue = 76°
3 digits
#563
#562
#561
#553
#552
#551
#543
#542
#541
#463
#462
#461
#453
#452
#451
#443
#442
#441
#363
#362
#361
#353
#352
#351
#343
#342
#341
Named
darkolivegreen
darkslategray
olivedrab
forestgreen
saddlebrown
olive
seagreen
dimgray
darkgreen
sienna
green
brown
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
-75 : 1
-60 : 16
-45 : 31
-30 : 46
-15 : 61
-10 : 66
-5 : 71
-2 : 74
±0 : 76
+2 : 78
+5 : 81
+10 : 86
+15 : 91
+30 : 106
+45 : 121
+60 : 136
+75 : 151
+90 : 166
+105 : 181
+120 : 196
+135 : 211
+150 : 226
+165 : 241
+180 : 256
+195 : 271
+210 : 286
+225 : 301
+240 : 316
+255 : 331
+270 : 346
Saturation
+50 : 100
+46 : 96
+42 : 92
+38 : 88
+34 : 84
+30 : 80
+26 : 76
+22 : 72
+18 : 68
+14 : 64
+10 : 60
+6 : 56
+3 : 53
+2 : 52
±0 : 50
-2 : 48
-3 : 47
-6 : 44
-10 : 40
-14 : 36
-18 : 32
-22 : 28
-26 : 24
-30 : 20
-34 : 16
-38 : 12
-42 : 8
-46 : 4
-50 : 0
Lightness
+76 : 100
+72 : 96
+68 : 92
+64 : 88
+60 : 84
+56 : 80
+52 : 76
+48 : 72
+44 : 68
+40 : 64
+36 : 60
+32 : 56
+28 : 52
+26 : 50
+24 : 48
+20 : 44
+16 : 40
+12 : 36
+8 : 32
+4 : 28
+3 : 27
+2 : 26
±0 : 24
-2 : 22
-3 : 21
-4 : 20
-8 : 16
-12 : 12
-16 : 8
-20 : 4
-24 : 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
-64 : 0
-60 : 4
-56 : 8
-52 : 12
-48 : 16
-44 : 20
-40 : 24
-36 : 28
-32 : 32
-28 : 36
-24 : 40
-20 : 44
-16 : 48
-14 : 50
-12 : 52
-8 : 56
-4 : 60
-3 : 61
-2 : 62
±0 : 64
+2 : 66
+3 : 67
+4 : 68
+8 : 72
+12 : 76
+16 : 80
+20 : 84
+24 : 88
+28 : 92
+32 : 96
+36 : 100
Red
+179 : 255
+162 : 238
+145 : 221
+128 : 204
+111 : 187
+94 : 170
+77 : 153
+60 : 136
+43 : 119
+26 : 102
+9 : 85
+8 : 84
+4 : 80
+2 : 78
+1 : 77
±0 : 76
-1 : 75
-2 : 74
-4 : 72
-8 : 68
-25 : 51
-42 : 34
-59 : 17
-76 : 0
Green
+163 : 255
+146 : 238
+129 : 221
+112 : 204
+95 : 187
+78 : 170
+61 : 153
+44 : 136
+27 : 119
+10 : 102
+8 : 100
+4 : 96
+2 : 94
+1 : 93
±0 : 92
-1 : 91
-2 : 90
-4 : 88
-7 : 85
-8 : 84
-24 : 68
-41 : 51
-58 : 34
-75 : 17
-92 : 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