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.
#545f45
Data
Red
84
Green
95
Blue
69
Hue
85°
White
27%
Black
63%
Saturation
16%
Lightness
32%
Brightness
35%
Tone = Dark
Hue = 85°
3 digits
#675
#674
#673
#665
#664
#663
#655
#654
#653
#575
#574
#573
#565
#564
#563
#555
#554
#553
#475
#474
#473
#465
#464
#463
#455
#454
#453
Named
darkolivegreen
darkslategray
dimgray
seagreen
olivedrab
forestgreen
darkslateblue
saddlebrown
gray
sienna
slategray
olive
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 : 10
-60 : 25
-45 : 40
-30 : 55
-15 : 70
-10 : 75
-5 : 80
-2 : 83
±0 : 85
+2 : 87
+5 : 90
+10 : 95
+15 : 100
+30 : 115
+45 : 130
+60 : 145
+75 : 160
+90 : 175
+105 : 190
+120 : 205
+135 : 220
+150 : 235
+165 : 250
+180 : 265
+195 : 280
+210 : 295
+225 : 310
+240 : 325
+255 : 340
+270 : 355
Saturation
+84 : 100
+80 : 96
+76 : 92
+72 : 88
+68 : 84
+64 : 80
+60 : 76
+56 : 72
+52 : 68
+48 : 64
+44 : 60
+40 : 56
+36 : 52
+34 : 50
+32 : 48
+28 : 44
+24 : 40
+20 : 36
+16 : 32
+12 : 28
+8 : 24
+4 : 20
+3 : 19
+2 : 18
±0 : 16
-2 : 14
-3 : 13
-4 : 12
-8 : 8
-12 : 4
-16 : 0
Lightness
+68 : 100
+64 : 96
+60 : 92
+56 : 88
+52 : 84
+48 : 80
+44 : 76
+40 : 72
+36 : 68
+32 : 64
+28 : 60
+24 : 56
+20 : 52
+18 : 50
+16 : 48
+12 : 44
+8 : 40
+4 : 36
+3 : 35
+2 : 34
±0 : 32
-2 : 30
-3 : 29
-4 : 28
-8 : 24
-12 : 20
-16 : 16
-20 : 12
-24 : 8
-28 : 4
-32 : 0
White
-27 : 0
-23 : 4
-19 : 8
-15 : 12
-11 : 16
-7 : 20
-3 : 24
-2 : 25
±0 : 27
+1 : 28
+2 : 29
+3 : 30
+5 : 32
+9 : 36
+13 : 40
+17 : 44
+21 : 48
+23 : 50
+25 : 52
+29 : 56
+33 : 60
+37 : 64
+41 : 68
+45 : 72
+49 : 76
+53 : 80
+57 : 84
+61 : 88
+65 : 92
+69 : 96
+73 : 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
+171 : 255
+154 : 238
+137 : 221
+120 : 204
+103 : 187
+86 : 170
+69 : 153
+52 : 136
+35 : 119
+18 : 102
+8 : 92
+4 : 88
+2 : 86
+1 : 85
±0 : 84
-1 : 83
-2 : 82
-4 : 80
-8 : 76
-16 : 68
-33 : 51
-50 : 34
-67 : 17
-84 : 0
Green
+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
Blue
+186 : 255
+169 : 238
+152 : 221
+135 : 204
+118 : 187
+101 : 170
+84 : 153
+67 : 136
+50 : 119
+33 : 102
+16 : 85
+8 : 77
+4 : 73
+2 : 71
+1 : 70
±0 : 69
-1 : 68
-2 : 67
-4 : 65
-8 : 61
-18 : 51
-35 : 34
-52 : 17
-69 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000